Coastal Mist
Build with the Coastal Mist look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- dark
- Typefaces
- System UI stack
- Style
- Contemporary Coastal, costeiro sereno, atmosfera de neblina, tipografia clean
- Length
- 928 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 Coastal Mist
All styles designs →- Locomotive Infinite ScrollButtonLocomotive Infinite Scroll DESIGN.mdView →
Locomotive Infinite Scroll
GeneralDesign an immersive infinite scroll landing page inspired by Locomotive Scroll v5 and Lenis. Ideal for landing pages imersivas, storytelling digital, portfolios criativos, sites de agências, apresentações de produto premium, one-page…
◐ Dark· Interdesignmd.app ↗
- 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 ↗
- 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