MÁLÀ PROJECT
- Pages (4)
- Style sheet
- Measured from 4 Pages
- Captured Oct 26, 2026
- Built with Custom code
Summary
Across 4 measured Pages: 10 colours, 2 typefaces and 2 corner radii. Not every Page uses all of them.
- Colours
- 10coloursText, Background, Accent and 2 more
- Typefaces
- 2typefacesHelveesti + Rungli
- Corner radii
- 2radii18px · 9px
01 · Colour
Colour
Named by the job each colour does
Most of the text
3/4 PagesThe page behind everything
1/4 PagesMost of the text
1/4 PagesThe page behind everything
1/4 PagesThe page behind everything
1/4 PagesButtons and links
1/4 PagesThe page behind everything
1/4 PagesButtons and links
1/4 PagesSecondary text
1/4 PagesBands and cards on the page
1/4 Pages
Contrast
Text on background 14.5 : 1 · AAA
Text on surface 9.3 : 1 · AAA
Accent on background 1.2 : 1 · fails
02 · Type
Type
Drawn in the Site's fonts if your browser has them
Headings
Helveesti
MÁLÀ PROJECT
2/4 Pages
Headings
Rungli
MÁLÀ PROJECT
2/4 Pages
Body
Helveesti
The quick brown fox jumps over the lazy dog.
2/4 Pages
03 · Spacing
Spacing
Measured as drawn on the desktop Capture
Section padding
- 18px3/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
18px 3/4 Pages
9px 1/4 Pages
05 · Export
Export
Take the system with you
/* Design tokens from MÁLÀ PROJECT (https://www.malaproject.com), https://designly.sh/style-sheets/mala-project, via Designly. Credit the business if you use them. */
:root {
--color-text: #000000;
--color-background: #FFCDAB;
--color-text-2: #C00000;
--color-background-2: #F1001E;
--color-background-3: #0076D0;
--color-accent: #00D7B3;
--color-background-4: #67287F;
--color-accent-2: #FF5597;
--color-muted: #AB9BFF;
--color-surface: #FF8F5F;
--font-display: "Helveesti", sans-serif;
--font-body: "Helveesti", sans-serif;
--radius: 18px;
--spacing-section: 18px;
}
Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.