Daylight Computer
- Pages (2)
- Style sheet
- Measured from 2 Pages
- Captured Oct 26, 2026
- Built with Custom code
Summary
Across 2 measured Pages: 8 colours, 2 typefaces and 2 corner radii. Not every Page uses all of them.
- Colours
- 8coloursBackground, Accent, Text and 2 more
- Typefaces
- 2typefaces__abcArizonaFlareFont_498f8e + __abcRoomFont_38b1ae
- Corner radii
- 2radii6.4px · Pill
01 · Colour
Colour
Named by the job each colour does
The page behind everything
2/2 PagesButtons and links
2/2 PagesMost of the text
1/2 PagesBands and cards on the page
1/2 PagesBands and cards on the page
1/2 PagesThe page behind everything
1/2 PagesSecondary text
1/2 PagesBands and cards on the page
1/2 Pages
Contrast
Text on background 17.7 : 1 · AAA
Text on surface 9.8 : 1 · AAA
Accent on background 8.5 : 1 · AAA
02 · Type
Type
Drawn in the Site's fonts if your browser has them
Headings
__abcArizonaFlareFont_498f8e
Daylight Computer
2/2 Pages
Body
__abcRoomFont_38b1ae
The quick brown fox jumps over the lazy dog.
2/2 Pages
03 · Spacing
Spacing
Measured as drawn on the desktop Capture
Section padding
- 132px1/2 Pages
- 18px1/2 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
6.4px 1/2 Pages
Pill 1/2 Pages
05 · Export
Export
Take the system with you
/* Design tokens from Daylight Computer (https://daylightcomputer.com), https://designly.sh/style-sheets/daylight-computer, via Designly. Credit the business if you use them. */
:root {
--color-background: #18190F;
--color-accent: #FF9D00;
--color-text: #FFFFFF;
--color-surface: #434626;
--color-surface-2: #585B3D;
--color-background-2: #E9E0DA;
--color-muted: #000000;
--color-surface-3: #FAF4F2;
--font-display: "__abcArizonaFlareFont_498f8e", sans-serif;
--font-body: "__abcRoomFont_38b1ae", sans-serif;
--radius: 6.4px;
--spacing-section: 132px;
}
Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.