Locomotive Infinite Scroll
Build with the Locomotive Infinite Scroll look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- dark
- Typefaces
- Inter
- Style
- 2020s Modern Scroll-Driven, smooth scroll, parallax, infinite scroll
- Length
- 1,072 words
Add it to your project
Then prompt your agent
This style is published by designmd.app by Fabricio Telles. coderef lists its name, palette and fonts so you can find it here; the full DESIGN.md lives on designmd.app.
More like Locomotive Infinite Scroll
All styles designs →- Coastal StudioButtonCoastal Studio DESIGN.mdView →
Coastal Studio
GeneralCreative studio landing page inspired by rocky coastal cliffs, using deep navy, slate blue, and ocean pearl overlays. Ideal for portfólios de fotografia, estúdios criativos, agências de branding, arquitetura costeira. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Coastal CommerceButtonCoastal Commerce DESIGN.mdView →
Coastal Commerce
GeneralCoastal-inspired e-commerce UI using navy, driftwood beige, and pale ocean blues. Ideal for e-commerce de moda praia, lojas de surf e lifestyle, produtos artesanais costeiros, decoração náutica. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Coastal MistButtonCoastal Mist DESIGN.mdView →
Coastal Mist
GeneralSerene coastal UI using deep navy, pale seafoam, and soft slate blues. Ideal for saas de bem-estar, apps de meditação, turismo costeiro, imobiliárias de praia, clínicas e spas. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Dark Portfolio HeroButtonDark Portfolio Hero DESIGN.mdView →
Dark Portfolio Hero
Art & IllustrationDark portfolio with animated loading screen (2.7s): counter 000→100 via rAF, rotating words with AnimatePresence, gradient progress bar (#89AACC to #4E85BF) with glow.
◐ Dark· Interdesignmd.app ↗
- Taskora SaaS HeroButtonTaskora SaaS Hero DESIGN.mdView →
Taskora SaaS Hero
Futuristic & TechDark SaaS hero with background video at opacity-50 and gradient overlay fading to background color. Ideal for produtos saas, plataformas de gestão de projetos, ferramentas de produtividade, dashboards analíticos. AI-ready template.
◐ Dark· Manropedesignmd.app ↗
- Aura Premium WebGL & IconifyButtonAura Premium WebGL & Iconify DESIGN.mdView →
Aura Premium WebGL & Iconify
Futuristic & TechPremium dark-themed landing page with advanced animations and interactions. Ideal for portfolios de luxo, estúdios de arquitetura, marcas premium, móveis de alto padrão, wellness premium, creative agencies. AI-ready template.
◐ Dark· Interdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses