Royal Drawing School
- Pages (4)
- Style sheet
- Measured from 4 Pages
- Captured Oct 26, 2026
- Built with Custom code
Summary
Across 4 measured Pages: 12 colours, 1 typeface and 0 corner radii. Not every Page uses all of them.
- Colours
- 12coloursBackground, Text, Muted and 2 more
- Typefaces
- 1typefaceRoyalDrawingSchoolSans
- Base unit
- 8pxbase unit4 of 4 paddings on it
01 · Colour
Colour
Named by the job each colour does
The page behind everything
4/4 PagesMost of the text
4/4 PagesSecondary text
2/4 PagesButtons and links
1/4 PagesBands and cards on the page
1/4 PagesBands and cards on the page
1/4 PagesButtons and links
1/4 PagesBands and cards on the page
1/4 PagesSecondary text
1/4 PagesButtons and links
1/4 PagesBands and cards on the page
1/4 PagesBands and cards on the page
1/4 Pages
Contrast
Text on background 21 : 1 · AAA
Text on surface 14.8 : 1 · AAA
Accent on background 2.3 : 1 · fails
02 · Type
Type
Drawn in the Site's fonts if your browser has them
Headings
RoyalDrawingSchoolSans
Royal Drawing School
4/4 Pages
03 · Spacing
Spacing
Measured as drawn on the desktop Capture
Section padding
8px base · 4 of 4 on the grid
- 80px4/4 Pages
The typical space at the top of a Section, one value per Page.
04 · Export
Export
Take the system with you
/* Design tokens from Royal Drawing School (https://royaldrawingschool.org), https://designly.sh/style-sheets/royal-drawing-school, via Designly. Credit the business if you use them. */
:root {
--color-background: #FFFFFF;
--color-text: #000000;
--color-muted: #757575;
--color-accent: #E29876;
--color-surface: #8AEBCF;
--color-surface-2: #9FC5E8;
--color-accent-2: #BF99F9;
--color-surface-3: #E6612E;
--color-muted-2: #A6A6A6;
--color-accent-3: #FF751F;
--color-surface-4: #ACDCE6;
--color-surface-5: #E9E9E9;
--font-display: "RoyalDrawingSchoolSans-Regular", sans-serif;
--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.