data signal

网站 · Analytics · 免费
内容预览

Recreate this page **pixel-faithfully** as a single static `index.html` (inline CSS + JS, no framework). Match structure, copy, spacing tokens, glass, motion, fonts, and media exactly. Do not invent extra sections, stats, cards, or marketing blocks. Full-viewport dark landing only — no page scroll (`html, body { overflow: hidden; background: #000 }`). ## Product / brand - Brand: **Vantage** - Document title: `Stop Digging Through Dashboards` - Theme color: `#000000` - `color-scheme: dark` - One composition: full-bleed cinematic background + left hero stack + bottom-right glass demo card. No inset hero media cards elsewhere. ## Exact background video (mandatory) Full-bleed edge-to-edge background is a **``**, not an image: ```html ``` CSS for `.background`: - `position: absolute; inset: 0; z-index: -3; width/height: 100%; object-fit: cover; object-position: center; pointer-events: none; user-select: none` Over video, add `.screen::before` vignette at `z-index: -2`: ```css background: linear-gradient(180deg, rgba(0,0,0,.03), transparent 24%, transparent 82%, rgba(0,0,0,.05)), radial-gradient(ellipse at 44% 54%, transparent 30%, rgba(0,0,0,.055) 100%); ``` ## Fonts (exact) Embed / use these two variable fonts (not Inter/Roboto/system UI): 1. **Reference Sans** — `font-weight: 100 900` — default UI / body / nav / buttons 2. **Reference Display** — `font-weight: 400 900` — **headline only** `:root { font-family: "Reference Sans", Arial, sans-serif; }` **Headline (`.hero-title`)**:

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