Crypto Vault

网站 · Fintech · 免费

在云境TS 中打开并复制 →

内容预览

Build a single, self-contained `index.html` (inline and , no build step, no frameworks, no external JS/CSS libraries) that reproduces the "Seamless Web3 Banking" dark landing page described below EXACTLY. Every pixel value, colour, easing and breakpoint below is normative — reproduce them literally, do not round, re-tune or "improve" them. ═══════════════════════════════════════════════════════════════════════ 0. CONCEPT ═══════════════════════════════════════════════════════════════════════ A near-black, high-end Web3 banking landing page derived from two Figma frames ("Dribbble shot HD - 128" and "- 129"), each a fixed 1685 x 1073 rounded panel. Two full-viewport sections: Section 1 "hero" — id="top", split into two rounded panes Section 2 "lifestyle" — id="features", three feature cards On desktop the whole 1685x1073 artboard is scaled uniformly to the viewport and the two sections are swapped by a scripted scroll transition. Below 1200px it reflows into a normal scrolling document. ═══════════════════════════════════════════════════════════════════════ 1. FONTS ═══════════════════════════════════════════════════════════════════════ Display face: Figtree weight 500. Body face: Instrument Sans weight 400. Load via Google Fonts: --font-display: 'Figtree','Helvetica Neue',Arial,sans-serif --font-body: 'Instrument Sans','Helvetica Neue',Arial,sans-serif All display headings are UPPERCASE with letter-spacing -0.05em; all body copy uses letter-spacing -0.02em. Hard-code every li

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