Vibrant & Block-based
Build with the Vibrant & Block-based look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- System
- Style
- 2020s Modern, Bold, energetic, playful
- Length
- 943 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 Vibrant & Block-based
All styles designs →- 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 ↗
- 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 ↗
- Dark Mode (OLED)ButtonDark Mode (OLED) DESIGN.mdView →
Dark Mode (OLED)
Themes & VerticalsCreate an OLED-optimized dark interface with deep black (#000000), dark grey (#121212), midnight blue accents. Ideal for dashboards financeiros, apps criativas, mobile-first, gaming. AI-ready template.
◐ Darkdesignmd.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 ↗
- Spotify Dark ImmersiveButtonSpotify Dark Immersive DESIGN.mdView →
Spotify Dark Immersive
Futuristic & TechSpotify-inspired dark immersive landing page. Ideal for streaming de música, plataformas de áudio, podcasts, entretenimento digital. AI-ready template.
○ Lightdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses