Z-Shape
Build with the Z-Shape 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 UI stack
- Style
- Modern Infographic, Flat vector illustrations, thick outlines, icon-based storytelling
- Length
- 871 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 Z-Shape
All styles designs →- IBM Carbon EnterpriseButtonIBM Carbon Enterprise DESIGN.mdView →
IBM Carbon Enterprise
Data & InfographicDesign an IBM Carbon-inspired enterprise landing page. Ideal for enterprise, infraestrutura cloud, plataformas corporativas, consultoria tech. AI-ready template.
○ Light· IBM Plex Sansdesignmd.app ↗
- Underwater / AquáticoButtonUnderwater / Aquático DESIGN.mdView →
Underwater / Aquático
Data & InfographicDesign an underwater aquatic infographic. Ideal for landing pages, modern websites. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- Radial Diagram / Donut ChartButtonRadial Diagram / Donut Chart DESIGN.mdView →
Radial Diagram / Donut Chart
Data & InfographicRadial donut chart infographic. Ideal for landing pages, modern websites. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- Timeline Horizontal CorporativoButtonTimeline Horizontal Corporativo DESIGN.mdView →
Timeline Horizontal Corporativo
Data & InfographicHorizontal corporate timeline. Ideal for landing pages, modern websites. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- GeometricButtonGeometric DESIGN.mdView →
Geometric
Data & InfographicGeometric patterns infographic. Ideal for landing pages, modern websites. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- User Behavior AnalyticsButtonUser Behavior Analytics DESIGN.mdView →
User Behavior Analytics
Data & InfographicUser behavior analytics dashboard. Ideal for landing pages, modern websites. 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