Hero-Centric Design
Build with the Hero-Centric Design 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
- 2020s Modern, Large hero section, compelling headline, high-contrast CTA
- Length
- 804 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 Hero-Centric Design
All styles designs →- New Era Bold HeroButtonNew Era Bold Hero DESIGN.mdView →
New Era Bold Hero
Editorial & TypeBold cinematic hero with full-screen background video and dark blue fallback. Ideal for creative agencies, portfólios impactantes, landing pages editoriais, marcas de moda. AI-ready template.
◐ Dark· Rubikdesignmd.app ↗
- VellumButtonVellum DESIGN.mdView →
Vellum
Editorial & TypeVellum — Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic. Cormorant Garamond Italic typography.
◐ Dark· Cormorant Garamonddesignmd.app ↗
- Conversion-OptimizedButtonConversion-Optimized DESIGN.mdView →
Conversion-Optimized
Editorial & TypeConversion-optimized landing page. Ideal for marketing, conversão, lead gen. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Minimal & DirectButtonMinimal & Direct DESIGN.mdView →
Minimal & Direct
Editorial & TypeMinimal direct landing page. Ideal for marketing, conversão, lead gen. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Feature-Rich ShowcaseButtonFeature-Rich Showcase DESIGN.mdView →
Feature-Rich Showcase
Editorial & TypeFeature showcase landing page. Ideal for marketing, conversão, lead gen. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Social Proof-FocusedButtonSocial Proof-Focused DESIGN.mdView →
Social Proof-Focused
Editorial & TypeSocial proof landing page. Ideal for marketing, conversão, lead gen. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses