Orbis NFT

网站 · Landing Page · 免费
Orbis NFT 预览

在云境TS 中打开并复制 →

内容预览

Create an NFT landing page called "Orbis.Nft" with 4 sections, using a dark space theme. The page uses video backgrounds served from CloudFront, a liquid glass UI effect, and a specific color/font system. Recreate it exactly as described below. FONTS (Google Fonts) Anton - Used for all headings and navigation text (aliased as font-grotesk in Tailwind) Condiment - A cursive script used for accent/overlay text (aliased as font-condiment in Tailwind) System monospace font (font-mono) - Used for body/description paragraphs Load via Google Fonts in index.html: https://fonts.googleapis.com/css2?family=Anton&family=Condiment&display=swap COLOR SYSTEM (Tailwind config) Background: #010828 (deep dark navy blue) cream: #EFF4FF (off-white, used for all text) neon: #6FFF00 (bright green, used for accent cursive text and underline bars) LIQUID GLASS CSS EFFECT Applied via a .liquid-glass class. This is used on the navbar, social icon buttons, NFT cards, and card overlays: .liquid-glass { background: rgba(255, 255, 255, 0.01); background-blend-mode: luminosity; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: none; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1); position: relative; overflow: hidden; } .liquid-glass::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255

……(完整源码请在站内查看)