DESCR
:opendocs//
The quick brown fox jumps over the lazy dog.
Open docs is a lightweight design system to integrate thin lines in an organic, organised grid to display any kind of content.
title
Thin lines organise any kind of content, in an organic grid.
05 / 09 Design system
Thin lines, organised grid, any kind of content.
The system
Open docs is a lightweight design system that integrates thin lines into an organic, organised grid to display any kind of content.
Hairline type, a single indigo and one yellow signal colour on white.
Ideal for Documentation, education, museums, publishing and knowledge bases.
Inspirations
- Renaissance sculpture, read through a Swiss lens.
- Technical documentation and wikis.
- Hairline sans-serif typography.
- Duotone photography.
Brand identity console
Colour
Proportion of use
60%28%12%
Click a swatch to copy its hex code
Typography
Display
:open docs//
Hairline lowercase sans-serif
Helvetica Neue Thin; Segoe UI Light on Windows.
Text
Open docs is a lightweight design system.
Medium condensed sans-serif
Avenir Next Condensed with Arial Narrow as backup.
Contrast
- Aa14.7:1#32007C / #FFFFFFAAA
- Aa10.6:1#FED900 / #32007CAAA
- Aa1.4:1#FED900 / #FFFFFFDecorative only
Motifs
- Hairline grid
- Yellow rule
- Punctuation
