sparkform

网站 · Creative · 免费
内容预览

**Recreate this exact landing page pixel-for-pixel.** ## Tech stack React + Vite + TypeScript + Tailwind CSS. Single page: `` then ``. No router, no extra sections. Body: `font-family: 'Inter', sans-serif`, `background: #000`, `overflow-x: hidden`. `html { scroll-behavior: smooth }`. Page title: `Beyond Hero`. ## Fonts (exact URLs) Load in ``: 1. **Bamboly Demo** (display / title / marquee): ```html ``` Direct files if needed: - `https://db.onlinewebfonts.com/t/58ee300970307a1cc399e6bebd7617ce.woff2` - `https://db.onlinewebfonts.com/t/58ee300970307a1cc399e6bebd7617ce.woff` - `https://db.onlinewebfonts.com/t/58ee300970307a1cc399e6bebd7617ce.ttf` `font-family: "Bamboly Demo", sans-serif` · letter-spacing `0.02em` on the heading helper class. 2. **Inter + Poppins** (Google Fonts): ```html ``` - Inter = body default only - Poppins weight **500** = side word columns ## Color palette | Role | Hex | |------|-----| | Hero background | `#EC612C` | | BEYOND front layer | `#FFFFFF` | | BEYOND layer (green) | `#90EE90` | | BEYOND layer (orange gap, same as bg) | `#EC612C` | | BEYOND back layer (blue) | `#89CFF0` | | Side words | `white` at `opacity` via column (base class `text-white/80`) | | Marquee background | `#FFFFFF` | | Marquee text | `#EC612C` | | Body page bg | `#000000` | ## Asset — character image (exact URL used in code) ``` https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260801_104316_80b

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