Samya Studios
- Pages (5)
- Style sheet
- Measured from 5 Pages
- Captured Oct 26, 2026
- Built with Custom code
Summary
Across 5 measured Pages: 8 colours, 2 typefaces and 2 corner radii. Not every Page uses all of them.
- Colours
- 8coloursBackground, Text, Surface and 2 more
- Typefaces
- 2typefacesArimo + Inter
- Base unit
- 8pxbase unit4 of 5 paddings on it
- Corner radii
- 2radii50% · 6px
01 · Colour
Colour
Named by the job each colour does
The page behind everything
5/5 PagesThe page behind everything
5/5 PagesMost of the text
4/5 PagesBands and cards on the page
3/5 PagesButtons and links
2/5 PagesSecondary text
1/5 PagesMost of the text
1/5 PagesBands and cards on the page
1/5 Pages
Contrast
Text on background 6 : 1 · AA
Text on surface 9.7 : 1 · AAA
Accent on background 3 : 1 · large text only
02 · Type
Type
Drawn in the Site's fonts if your browser has them
Headings
Arimo
Samya Studios
5/5 Pages
Body
Inter
The quick brown fox jumps over the lazy dog.
1/5 Pages
03 · Spacing
Spacing
Measured as drawn on the desktop Capture
Section padding
8px base · 4 of 5 on the grid
- 144px1/5 Pages
- 12px1/5 Pages
- 80px1/5 Pages
- 48px1/5 Pages
- 128px1/5 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
50% 1/5 Pages
6px 1/5 Pages
05 · Export
Export
Take the system with you
/* Design tokens from Samya Studios (https://samyastudios.com), https://designly.sh/style-sheets/samya-studios, via Designly. Credit the business if you use them. */
:root {
--color-background: #D1703B;
--color-background-2: #F4EDE2;
--color-text: #000000;
--color-surface: #B4B295;
--color-accent: #DBFEAD;
--color-muted: #484F46;
--color-text-2: #4F4D59;
--color-surface-2: #FFFFFF;
--font-display: "Arimo", sans-serif;
--font-body: "Inter", sans-serif;
--radius: 50%;
--spacing: 8px;
--spacing-section: 144px;
}
Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.