Digital Director

在云境TS 中打开并复制 →

内容预览

Recreate this exact full-viewport portfolio landing page — pixel-perfect match. ═══════════════════════════════════════ TECH / STACK ═══════════════════════════════════════ - React + TypeScript + Tailwind CSS + Vite - Icons: lucide-react (`Play`, `Menu`, `X`) - Single full-screen page: `h-screen w-full overflow-hidden` - Root: `relative h-screen w-full overflow-hidden bg-black text-white` ═══════════════════════════════════════ FONTS (exact) ═══════════════════════════════════════ Load in : 1) Inter (Google Fonts) — body/default: 2) basis33 (pixel/bitmap monospace) — for `.font-pixel`: CSS: - body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - .font-pixel { font-family: 'basis33', monospace; } Where basis33 (font-pixel) is used: - "ROBERTS" under ADAM - "ENGINEERING" under DESIGN & - Brand blurb under name - Labels "What I Do" and "Services" - Words "UNEXPECTED" and "EXPERIENCES" inside the hero headline (1.25em size) Where Inter is used: - Everything else (nav, ADAM, DESIGN &, body copy, showreel button, awards, footer) Page title: "Adam Roberts - Design & Engineering" ═══════════════════════════════════════ BACKGROUND VIDEO (exact URL — do not substitute) ═══════════════════════════════════════ Full-bleed background : src="https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260725_114042_d2ed2a89-f2fa-449b-9609-da456344257b.mp4" Attributes: autoPlay muted loop playsInline Classes: absol

……（完整源码请在站内查看）