Astro Design Kits

EDITABLE DESIGN LANGUAGES FOR ASTRO

A design language.
A starting point.

Go beyond a palette. Explore complete examples, understand the design decisions, and take the tokens and patterns into your next project.

Explore the kits

THE COLLECTION

Different directions. Same foundation.

02 kits

Art Deco example hero and beginning of the feature section

Art Deco

v0.1.0

Gilded geometry, dramatic typography and a radiating sunburst. A complete dark design language built around symmetry and line.

Ornamental
Dark
Geometric

4 patterns · MIT sourceOpen full example

True Neumorphism example hero and beginning of the feature section

True Neumorphism

v0.1.0

One soft grey surface, shaped by light and shadow. Raised cards, inset details and tactile controls with readable contrast.

Light
Material
Soft UI

4 patterns · MIT sourceOpen full example

FROM INSPIRATION TO SOURCE

See it. Understand it. Make it yours.

01
Explore the example
See the language across a hero, features, call to action and pricing.
02
Read the decisions
Inspect typography, composition, material recipes and compatibility.
03
Take the source
Download editable Astro files, local fonts and a complete token system.

Read the installation guide