Cosmos
- Pages (2)
- Style sheet
- Measured from 2 Pages
- Captured Oct 26, 2026
- Built with Custom code
Summary
One system
All 2 measured Pages share the same 0 colours, 1 typeface and one corner radius.
- Colours
- 0colours
- Typefaces
- 1typefacecosmosOracle
- Base unit
- 8pxbase unit2 of 2 paddings on it
- Corner radii
- 1radiusPill
01 · Type
Type
Drawn in the Site's fonts if your browser has them
Headings
cosmosOracle
Cosmos
2/2 Pages
02 · Spacing
Spacing
Measured as drawn on the desktop Capture
Section padding
8px base · 2 of 2 on the grid
- 80px1/2 Pages
- 24px1/2 Pages
The typical space at the top of a Section, one value per Page.
03 · Radius
Radius
The corner most buttons, fields and cards share
Pill 2/2 Pages
04 · Export
Export
Take the system with you
/* Design tokens from Cosmos (https://www.cosmos.so), https://designly.sh/style-sheets/cosmos, via Designly. Credit the business if you use them. */
:root {
--font-display: "cosmosOracle", sans-serif;
--radius: 9999px;
--spacing: 8px;
--spacing-section: 80px;
}
Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.