Design

Typography#

Typefaces#

Druk Wide#
  • It makes Tinka recognisable
  • It impresses
  • It speaks bold and simple

Do's#
  • Simple titles
  • Easy to understand sentences
  • Use it in bold

Dont's#
  • Never use it as body content
  • Never use it in sizes smaller than 16px

PP Telegraf#
  • It makes Tinka clear
  • It informs
  • It speaks in clarity and definition.

Do's#
  • Body Content
  • User interface text
  • Less prominent titles

Dont's#
  • Use it solely without the company of Druk Wide

Scales of sizes#

Summary#
  • Base size: 16px
  • Biggest title: 30px (3XL)
  • Smallest size: 10px (2XS)

General Guidelines#
  • Page Title → 30px (3XL)
  • Other Titles → 16~24px (Base ~ 2XL)
  • Article Content, Page Content → 16px (Base)
  • Button Text → 14px (SM)
  • User Interface Text Labels → 14 ~ 16px (SM~Base)
  • Text that clutters and is not essential to read → 10 ~ 14px (2XS~SM)