The Mind Room
- Pages (4)
- Style sheet
- Measured from 4 Pages
- Captured Oct 26, 2026
- Built with WordPress
Summary
Across 4 measured Pages: 8 colours, 1 typeface and 2 corner radii. Not every Page uses all of them.
- Colours
- 8coloursBackground, Text, Surface and 2 more
- Typefaces
- 1typefaceMontserrat
- Base unit
- 8pxbase unit4 of 4 paddings on it
- Corner radii
- 2radii4px · 7px
01 · Colour
Colour
Named by the job each colour does
The page behind everything
4/4 PagesMost of the text
4/4 PagesBands and cards on the page
4/4 PagesSecondary text
3/4 PagesButtons and links
2/4 PagesBands and cards on the page
1/4 PagesSecondary text
1/4 PagesButtons and links
1/4 Pages
Contrast
Text on background 14.3 : 1 · AAA
Text on surface 21 : 1 · AAA
Accent on background 1.6 : 1 · fails
02 · Type
Type
Drawn in the Site's fonts if your browser has them
Headings
Montserrat
The Mind Room
4/4 Pages
Body
Montserrat
The quick brown fox jumps over the lazy dog.
1/4 Pages
03 · Spacing
Spacing
Measured as drawn on the desktop Capture
Section padding
8px base · 4 of 4 on the grid
- 176px2/4 Pages
- 40px2/4 Pages
The typical space at the top of a Section, one value per Page.
04 · Radius
Radius
The corner most buttons, fields and cards share
4px 2/4 Pages
7px 2/4 Pages
05 · Export
Export
Take the system with you
/* Design tokens from The Mind Room (https://themindroom.com.au), https://designly.sh/style-sheets/the-mind-room, via Designly. Credit the business if you use them. */
:root {
--color-background: #EED55C;
--color-text: #000000;
--color-surface: #FFFFFF;
--color-muted: #121212;
--color-accent: #13B5EA;
--color-surface-2: #E5E3DF;
--color-muted-2: #3C4043;
--color-accent-2: #0489D6;
--font-display: "Montserrat", sans-serif;
--font-body: "Montserrat Light", sans-serif;
--radius: 4px;
--spacing: 8px;
--spacing-section: 176px;
}
Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.