Styles

The brand's sheet, as this site wears it.

The header's control wears any of the five sheets, Offensive and Abhorrent included, and keeps the choice for every page until it is changed. Everything below is drawn from the sheet that is on.

Faces

Konjo Group

Display: Didot, then GFS Didot, Bodoni MT, Georgia, serif
Stand-in: GFS Didot, served by this site
Seeing: —

A small family company, and a math practice app for children.

Text: Avenir Next, then Avenir, Montserrat, system-ui, sans-serif
Stand-in: Montserrat, served by this site
Seeing: —

Scale

Six steps, each a ratio of the body's size: 17 pixels at the browser's own text size.

Display

Title

Heading

Body, the size everything else is a ratio of.

Small, for what sits beside the body.

Label

Colours

The thirteen of the sheet that is on. A tap copies the value.

Marks

The ring and the initial, as brand draws them. The marks do not change with the sheet.

The Konjo mark: a gold Didot K in a thin gold ring on near black — Dark

Light

The Konjo debug mark: the dark mark with a red dot at the ring's north-east holding a D — Debug

Staging

The Cete mark: a gold C in the ring — Cete

The Slate mark: a gold S in the ring — Slate

The Desk mark: a gold D in the ring — Desk

The Desk debug mark: the Desk mark with the red debug dot — Desk, debug

Widgets

Headings and text

Page title

A line tucked under it

Reading text in the ink, with a link in the gold, and quieter text beside it.

Section heading

A list item
Another, with a link

The header's mark and links

Buttons

Cards

A card

The panel, edged with a hairline, holds what belongs together.