Studio Weave
- Pages (4)
- Style sheet
- Measured from 4 Pages
- Captured Oct 26, 2026
- Built with Custom code
Summary
Across 4 measured Pages: 6 colours, 1 typeface and 2 corner radii. Not every Page uses all of them.
- Colours
- 6coloursBackground, Text, Surface and 1 more
- Typefaces
- 1typefaceInter
- Corner radii
- 2radii5.25px · 14px
01 · Colour
Colour
Named by the job each colour does
The page behind everything
4/4 PagesMost of the text
3/4 PagesMost of the text
2/4 PagesBands and cards on the page
1/4 PagesBands and cards on the page
1/4 PagesSecondary text
1/4 Pages
Contrast
Text on background 18 : 1 · AAA
Text on surface 21 : 1 · AAA
02 · Type
Type
Drawn in the Site's fonts if your browser has them
Body
Inter
The quick brown fox jumps over the lazy dog.
2/4 Pages
Headings
Inter
Studio Weave
2/4 Pages
03 · Radius
Radius
The corner most buttons, fields and cards share
5.25px 1/4 Pages
14px 1/4 Pages
04 · Export
Export
Take the system with you
/* Design tokens from Studio Weave (https://www.studioweave.com), https://designly.sh/style-sheets/studio-weave, via Designly. Credit the business if you use them. */
:root {
--color-background: #EEEEE6;
--color-text: #000000;
--color-text-2: #111111;
--color-surface: #FFFFFF;
--color-surface-2: #DDDDCC;
--color-muted: #808080;
--font-body: "Inter", sans-serif;
--font-display: "Inter", sans-serif;
--radius: 5.25px;
}
Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.