Brand kit

The name

It is written ModernCI wherever a person reads it: one word, capital M, capital C, capital I. Never Modern CI, Modernci or modernCI. Lowercase modernci is for what you type or visit: the command, the domain modernci.dev, package names and MODERNCI_* variables, always in code style or a link.

Mark and wordmark

The mark is an arrow into a double rule: a push that lands. Keep clear space of half the mark's height on every side. Do not recolour it, stretch it, add effects, or set it on a busy background.

Downloads

• Mark, SVG brand/mark.svg
• Mark for dark backgrounds, SVG brand/mark-paper.svg
• Mark, PNG 512 brand/mark-512.png
• Wordmark for light backgrounds, SVG brand/wordmark.svg
• Wordmark for dark backgrounds, SVG brand/wordmark-dark.svg
• Wordmark for light backgrounds, PNG brand/wordmark-light.png
• Wordmark for dark backgrounds, PNG brand/wordmark-dark.png
• Favicon, SVG icons/favicon.svg
• Favicon, ICO icons/favicon.ico
• Touch icon, 180 icons/apple-touch-icon.png
• App icon, 512 icons/icon-512.png
• Share card, 1200 by 630 og/default.png

Colour

• Ink #16150F
  Text and the mark's tile on light.
• Paper #F4F1E8
  Pages and the mark's tile on dark.
• Copper #A3441A
  The one accent: links and the double rule, on light.
• Copper on dark #E8915F
  The same accent on ink.
• Green #17693A
  Checks that passed. Never decoration.
• Red #B0182F
  Checks that failed. Never decoration.

Type

Atkinson Next for text and Atkinson Mono for code, the wordmark and the numbers. Both are free under the SIL Open Font License; the files are served from /assets/fonts/.