
27 k vues
Riverine
Riverine : section hero animée pensée pour une landing page SaaS, construite avec Framer Motion.
Build one standalone HTML file, index.html, that is a full-viewport hero section and nothing else. Output the file exactly as specified below. Do not redesign, rename, restyle, or omit any element, rule, or script. One page, no framework, no external CSS or JS. The background must be this remote video URL only — do not download it and do not use a local image or video: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20261005_182346_a590ff3b-72e5-41ce-8f69-a8c823eaecaa.mp4 <video autoplay muted loop playsinline>, object-fit cover, pointer-events none. Three shade overlays sit on top of the video. The page background is #03080B. The stage is exactly 100dvh, overflow hidden, no letterboxing. Fonts, declared with @font-face and these exact stacks: - "RV Display" weight 300 from assets/fonts/rv-display.woff2, fallback "Poppins", "Helvetica Neue", Arial, sans-serif. Used for the headline. - "RV Brand" weight 600 from assets/fonts/rv-brand.woff2, fallback "Urbanist", "Helvetica Neue", Arial, sans-serif. Used for "riverine.ai". - "RV Text" weight 400 from assets/fonts/rv-text.woff2, fallback "Helvetica Neue", Helvetica, Arial, sans-serif. Used for nav, lede, buttons, and the scroll cue. font-display: block. If the woff2 files are not available, keep the @font-face rules and the fallback stacks exactly; do not substitute other typefaces.
Débloquer le Prompt Studio à vie
53 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Accès illimité à tous les prompts · Studio inclus · Paiement unique
- Palette


.webp)