Brand.
Ink, white, and one grey. Brass only as a thin rule, a small mark, or a link hover.
Logo
The mark is a cluster of points. Circles are ink. One small circle is brass. Lines are grey.
Three typefaces
Source Serif 4
One large statement per section. Weights 400, 600, and 700, plus italic for emphasis.
IBM Plex Sans carries everything else: navigation, body, and labels. Labels and body stay at 14px or larger.
IBM Plex Mono is for data: LOD, formats, and file values.
All three are SIL Open Font License. The files below are the Latin woff2 we serve on the site.
- Source Serif 4, 400
- Source Serif 4, 600
- Source Serif 4, 700
- Source Serif 4, 400 italic
- Source Serif 4, 600 italic
- Source Serif 4 licence
- IBM Plex Sans, 400
- IBM Plex Sans, 500
- IBM Plex Sans, 600
- IBM Plex Sans, 400 italic
- IBM Plex Sans licence
- IBM Plex Mono, 400
- IBM Plex Mono, 500
- IBM Plex Mono, 600
- IBM Plex Mono licence
Tokens
- Ink
- #171717
- Graphite
- #737373
- Ground
- #FAFAFA
- White
- #FFFFFF
- Brass
- #8A6A2F
Brass is a thin rule, the small circle in the mark, or a link hover. It is not a fill and not a large block.
Do and don't
Do
- Use ink, white, and graphite for surfaces and type.
- Give each section one large Source Serif 4 statement.
- Set facts as plain rows with a thin rule.
- Show one large project image at a time.
Don't
- Don't use indigo or cyanotype.
- Don't set labels or body under 14px.
- Don't use card grids, status dots, or a dotted brass screen.
- Don't fill a block with brass.