A CSS design language
Glass, in proportion.
Space, type, radius, blur and motion are all powers of φ. Surfaces separate by tone and shadow, never by outline. Glass only where it floats. Squares throughout.
Start here.
Link one stylesheet; add the module only if you need its behaviours. aequitas is pre-release, so build it from the repository for now.
<link rel="stylesheet" href="aequitas.min.css">
<script type="module" src="aequitas.min.js"></script>One page per component and layout, each with its markup and attributes; four showcases compose them into real screens.
Foundations
The φ scales, colour and material, accent and density presets.
Layouts
The shell, page shapes and application layouts, one page each.
Components
Every component on its own page, with markup and attributes.
Behaviours
An 8 kB module that wires up what HTML can't do alone.
Showcases
A dashboard, settings, a landing page and the kitchen sink.
Reference
Utilities with breakpoint variants, 377 icons and the motion tokens.