Ornamental / Dark / Geometric
Art Deco
Gilded geometry, dramatic typography and a radiating sunburst. A complete dark design language built around symmetry and line.
THE DESIGN LANGUAGE
Geometry. Symmetry. Drama.
A near-black canvas, expressive Bodoni Moda headings and a restrained gold accent establish the language. Square framing and a radiating sunburst carry the ornament; readable ivory keeps the quieter copy clear.
Extend the system
Use symmetrical grids, generous spacing and line-based framing for new pages. Keep gold for emphasis and avoid adding unrelated material effects.
The source includes design-language.md with typography, rhythm, surfaces, ornament and extension rules.
Four editable patterns
- Hero
- Features
- Call to action
- Pricing
Page-level adoption
The runnable example owns its document layout, tokens and fonts. Its identity stays independent of this catalogue. Combining two complete kits on one page requires deliberate scoping and revalidation.
Bring it into your project.
Download the source and copy the complete folder to src/design-kits/art-deco/. Create a route that imports the included example:
---
import Demo from '../../design-kits/art-deco/examples/Demo.astro';
---
<Demo />For whole-site adoption or an existing project, follow the included README and installation guide before replacing tokens or layout imports.