Madinco.

Brand

How the name is written, how the logo behaves, and which colours and typefaces carry it.

Colour

Gold is the logo colour, so it stays scarce: it marks small things, and fills a shape only as a button on a dark surface. It is never a background and never body text, since at 1.9:1 against white it cannot be read.

Paper

#FFFFFF

Every page background.

Ink

#101010

Text on paper, and the second inverted surface.

Forest

#0F3128

Headers, inverted surfaces, primary buttons.

Brand

#0F4B3C

Links and hover states on paper.

Gold

#FDB337

The logo colour. Accent only.

Typography

Two typefaces, and the split never moves: headings in the serif, everything else in the sans.

Newsreader

Headings, from the page title down to a card title.

Inter

Body, labels, navigation, buttons, forms and numerals.

Building the site

Surfaces, layout, components and page patterns are documented separately.

Open the design system