Dark Mode (OLED)
Build with the Dark Mode (OLED) 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
- Style
- 2020s Modern, Dark theme, low light, high contrast
- Length
- 886 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 Dark Mode (OLED)
All styles designs →- Midnight Garden PremiumButtonMidnight Garden Premium DESIGN.mdView →
Midnight Garden Premium
Themes & VerticalsCreate an elegant, premium UI with a nocturnal botanical garden atmosphere. Ideal for marcas sustentáveis premium, jardins botânicos, cosméticos naturais, wellness de luxo, resorts ecológicos. AI-ready template.
◐ Dark· DM Sansdesignmd.app ↗
- Creative VoltageButtonCreative Voltage DESIGN.mdView →
Creative Voltage
Themes & VerticalsBold, creative, energetic landing page with retro-modern vibes. Ideal for creative agencies, estúdios de música, marcas jovens, eventos culturais. AI-ready template.
◐ Dark· Synedesignmd.app ↗
- Organic BiophilicButtonOrganic Biophilic DESIGN.mdView →
Organic Biophilic
Themes & VerticalsBiophilic organic interface. Ideal for landing pages, saas. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Vibrant & Block-basedButtonVibrant & Block-based DESIGN.mdView →
Vibrant & Block-based
Themes & VerticalsDesign an energetic, vibrant interface with bold block layouts, geometric shapes, high color contrast, large typography (32px+), animated background patterns, duotone effects.
○ Lightdesignmd.app ↗
- Earthy & OrganicButtonEarthy & Organic DESIGN.mdView →
Earthy & Organic
Themes & VerticalsDesign an earthy and organic interface with 60/30/10 palette discipline. Ideal for design de embalagens, marcas orgânicas, cosméticos naturais, alimentos artesanais, produtos eco-friendly. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- Analytics Metric FlowButtonAnalytics Metric Flow DESIGN.mdView →
Analytics Metric Flow
GeneralDesign uma landing page analytics SaaS em scroll contínuo: hero fullscreen com headline 'Every number that matters. Ideal for saas analytics, dashboards de métricas, plataformas de dados, ferramentas de integração. AI-ready template.
◐ Dark· SF Pro Textdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses