Skip to content
DE
Sign in

Brand

The brand kit

Writing about Tincograph, or linking to it? Take what you need. The rules below are short and they are the whole of it.

Download the kitSVG and PNG marks, the palette, and these rules as JSON.

The marks

Clear space and size

Keep clear space equal to the height of the mark's folded corner (one eighth of the mark height) on every side.

Minimum height 16px. Below 16px use mark-mono: the gradient turns to mud and the engraved rules close up.

Colours

  • emerald #1fa463
    the action colour — primary buttons, send, toggles on; the green end of the brand gradient
  • ocean #1e7fd8
    the information colour — links, selection, focus, progress; the blue end of the gradient
  • teal tide #17b3a3
    the bridge — the middle of the brand gradient, Brain-mode activity
  • ink #05080b
    the dark surface everything is drawn on
  • paper #f4f8f8
    the light surface
  • emerald on light #157a4c
    emerald, darkened so text on paper clears WCAG AA
  • ocean on light #145da0
    ocean, darkened for the same reason
  • warning #e8b04b
    warning states ONLY — never decoration
  • error #ff5c6c
    error states ONLY — never decoration

Typeface

Inter, under the SIL Open Font License 1.1 — https://rsms.me/inter/. Variable weight. Headings at 600, body at 400. Never a second display face — the mark carries the personality.

The name

One word, one capital. The apps are 'Tincograph AI', 'Nova terminal', 'Tincograph video editor', 'Tincograph gallery' and 'camera link' — only the first word of a product name is capitalised unless it is a proper noun.

Written Tincograph — not TinCograph, Tincograf, tincograph (mid-sentence).

Please do not

  • Do not recolour the mark. The gradient is the brand; a flat fill is mark-mono, which exists for that.
  • Do not stretch, rotate or skew it. It is square and stays square.
  • Do not add a shadow, outline, bevel or glow.
  • Do not place the gradient mark on a busy photograph — use mark-on-dark, which brings its own tile.
  • Do not rebuild the wordmark by typing 'Tincograph' in another face.
  • Do not use the mark to imply a partnership, endorsement or affiliation that does not exist.

Using the name

The Tincograph name and marks are not covered by the code licence. They may be used to refer to Tincograph — in an article, a review, a comparison, a list of tools you use — without asking. They may not be used as your own mark, modified, or used in a way that suggests we endorse you.

Anything else, ask: [email protected].