Coastal Commerce
Build with the Coastal Commerce 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
- Modern Coastal Retail, costeiro premium, e-commerce clean, blocos horizontais
- Length
- 931 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 Commerce
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 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