Coastal Studio
Build with the Coastal Studio 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
- Coastal Creative Studio, estúdio criativo costeiro, hero fotográfico, tipografia editorial
- Length
- 936 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 Studio
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 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