Leonardo AI — Steps / How-it-works
'Get Started With Leonardo' cards: Getting Started With Leonardo, Image Models Explained, and Image Prompting How-To.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/leonardo-ai-get-started-with-leonardo.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #C0776D |
| Accents | #C0776D, #FCC443, #2F1A18 |
| Contrast | 6.1 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.596 |
| Measured size | 1600×803 px |
Palette
#000000#FFFFFF
Fonts
canvaSans
Page types
Detail
UX patterns
Progressive Onboarding
UI elements
Card
Context
Other sections on this page
- Hero — Leonardo hero
- Gallery / Showcase — Product video showcase
- Stats / Metrics — Platform reach stats
- Feature — Capability feature stack
- Gallery / Showcase — Built for makers gallery
- Testimonial / Social Proof — Artist stories
- Feature — Creative platform offerings
- Logo Wall — Trusted-by logo wall
- Footer — Footer