Brand Style Guide


Logos

  • Logo will always appear on an orange background.
  • Logo may appear stacked or horizontal. The preference is stacked.
  • The shadow on the icon is not included when aligning the logo.
logo-stacked
PNG | SVG
logo-horizontal
PNG | SVG

Layout

  • Using the height as a base, the stacked layout will always have 20% internal padding and 20% external padding.
  • Using the height as a base, the horizontal layout will always have 15% internal padding across the top and bottom, 30% across the left and right and 30% external padding.
layout-stacked
layout-horizontal

Icon

  • The icon will appear slightly aligned to the top to highlight the negative “T”.
  • The icon will always appear in a circle with an orange background.
icon-round
PNG | SVG
icon-square
PNG | SVG

Primary Colors

  • Orange text on a white or charcoal background is accessibility compliant.
  • White or charcoal text on an orange background is accessibility compliant.
  • Grey text on a white or beige background is accessibility compliant.
color-orange
  • Orange
  • #FF6200
  • RGB: 255,98,0
color-charcoal
  • Charcoal
  • #424040
  • RGB: 66,64,64
color-gray
  • Gray
  • #747676
  • RGB: 116,118,118
color-beige
  • Beige
  • #FAF6EB
  • RGB: 250,246,235
color-white
  • White
  • #FFFFFF
  • RGB: 255,255,255

Fonts

Headings

ABCDEFGHIGJLMNOPQRSTUVWXYZ
1234567890

Body

ABCDEFGHIGJLMNOPQRSTUVWXYZ
1234567890

Quotes

ABCDEFGHIGJLMNOPQRSTUVWXYZ
1234567890

Notes

geovana

Spelling

  • Two words with a space in between.
  • Capital T’s.
  • Italicized.
Tell Touch
TellTouch
Telltouch
telltouch

Images

  • Flat cartoon style
  • Click on the images opposite to see bigger versions. Right click for copy and save options.
very-happy
happy
neutral
unhappy
very-unhappy
phone1
phone2
phone3
phone4
kiosk
screenshot 1
screenshot 2
screenshot 3
monitor
aged-care-quality-standards
setup
hand
devices
people
kiosk-flat