Tony Boloney's
- Pages (4)
- Style sheet
- Measured from 4 Pages
- Captured Oct 27, 2026
- Built with Custom code
Summary
Across 4 measured Pages: 7 colours, 2 typefaces and one corner radius. Not every Page uses all of them.
- Colours
- 7coloursBackground, Accent, Text and 2 more
- Typefaces
- 2typefacesFont + Proxima-Nova-Condensed
- Base unit
- 8pxbase unit4 of 4 paddings on it
- Corner radii
- 1radiusPill
01 · Colour
Colour
Named by the job each colour does
The page behind everything
4/4 PagesButtons and links
4/4 PagesMost of the text
2/4 PagesBands and cards on the page
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 15.5 : 1 · AAA
Text on surface 1 : 1 · fails
Accent on background 4.5 : 1 · AA
02 · Type
Type
Drawn in the Site's fonts if your browser has them
Headings
Font
Tony Boloney's
3/4 Pages
Body
Proxima-Nova-Condensed
The quick brown fox jumps over the lazy dog.
3/4 Pages
Headings
Proxima-Nova-Condensed
Tony Boloney's
1/4 Pages
03 · Spacing
Spacing
Measured as drawn on the desktop Capture
Section padding
8px base · 4 of 4 on the grid
- 96px1/4 Pages
- 32px1/4 Pages
- 48px1/4 Pages
- 80px1/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
Pill 2/4 Pages
05 · Export
Export
Take the system with you
/* Design tokens from Tony Boloney's (https://www.tonyboloneys.com), https://designly.sh/style-sheets/tony-boloney-s, via Designly. Credit the business if you use them. */
:root {
--color-background: #FFFFFF;
--color-accent: #006DFF;
--color-text: #262323;
--color-surface: #211E1F;
--color-surface-2: #000000;
--color-surface-3: #CFFF32;
--color-muted: #5C5656;
--font-display: "Font", sans-serif;
--font-body: "proxima-nova-condensed", sans-serif;
--radius: 9999px;
--spacing: 8px;
--spacing-section: 96px;
}
Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.