HTTP/1.1 200 OK

Content-Type: image/svg+xml

The klati brand book.

One banana, a frame per product, one typeface and four colours.

The banana

The parent mark. Cream or pink, never dark.

Frames

8 · 6 · 5 · 3 · 0

Each product puts the banana in its own frame. Point at one and it moves.

  • klatiPHOTO · 8 a lens aperture
  • klatiPRO · 6 a molecule
  • napip.ai · 5 five fingers
  • klatiMUSIC · 3 play
  • klatiRAW · 0 a lens

Wordmarks

on-dark · on-light · on-pink

Set in klatiTYPE, in one colour. Only the mark is pink.

klatiONE
  • klatiONE on navy
  • klatiONE on cream
  • klatiONE on pink
klatiPRO
  • klatiPRO on navy
  • klatiPRO on cream
  • klatiPRO on pink
klatiPHOTO
  • klatiPHOTO on navy
  • klatiPHOTO on cream
  • klatiPHOTO on pink
napip.ai
  • napip.ai on navy
  • napip.ai on cream
  • napip.ai on pink
напипАЙ
  • напипАЙ on navy
  • напипАЙ on cream
  • напипАЙ on pink
klatiMUSIC
  • klatiMUSIC on navy
  • klatiMUSIC on cream
  • klatiMUSIC on pink
klatiRAW
  • klatiRAW on navy
  • klatiRAW on cream
  • klatiRAW on pink
klatiTYPE
  • klatiTYPE on navy
  • klatiTYPE on cream
  • klatiTYPE on pink

Colours

The same four colours on every klati site and on napip.ai.

  • #000420

    --klati-navy

    cream 16.8:1 AAA

    The dark ground. The ink on cream and on pink.
  • #f6e9cf

    --klati-cream

    navy 16.8:1 AAA

    The light ground. The ink on navy.
  • #f42069

    --klati-pink

    navy 5.1:1 AA

    Frames, bands and 4xx tags. Never body text.
  • #c9a969

    --klati-gold

    navy 9.0:1 AAA

    Labels and the call to action. Never on pink.

On cream, pink and gold text darken to #c20a49 and #77643e to meet the AA contrast level.

klatiTYPE

Regular · Italic · Bold · Bold Italic

A typeface built in code: 420 characters plus a Japanese set. Four styles: regular, italic, bold and bold italic.

The four styles, Regular, Italic, Bold and Bold Italic, each setting Latin and Cyrillic letters, Ξ, ₿, € and k69.

/design/klatitype →