Brand

Tidigar brand

The mark, colours and voice of Tidigar, for articles, integrations and anyone building something that should look like it belongs.

Mark

Three rounded shapes: a wide bar, a shorter bar and a dot, like a plan on a timeline. Never recolour, rotate, stretch or redraw it. Leave clear space of one dot, a quarter of the mark's width, on every side, and do not show it smaller than 16 px. Write the name as text: Tidigar.

Tidigar mark in colour
Colour · SVG · PNG
Tidigar mark in white
White · SVG · PNG
Tidigar mark in black
Black · SVG · PNG
Tidigar app icon
App icon · PNG 1024

Use white on dark or photographic backgrounds and black on light ones.

The mark can also appear as it does at the top of this page: a T that grows with a springy bounce while its middle dot stretches to the left, as in being early. Download the animated SVG; it is plain CSS, plays once and stays still for visitors who prefer reduced motion.

Colour

The site is dark and neutral. Use one accent per view.

Mark blue#1068fc
Mark cyan#00bcfe
Night#0a0d14
Surface#111622
Line#222b3d
Ink#e8edf5
Muted#9aa7bc
Blue#6b8cff
Violet#a78bfa

Type and shape

Every plan tells a story

Inter, falling back to the system sans-serif. Headings are bold with tight letter spacing; body text is regular at a line height near 1.6. Cards have 18 px corners and a 1 px border, and buttons are fully rounded, like the mark.

Voice

Plain, concrete and calm. The tagline is “Every plan tells a story.” Describe what happens, in what order, and why. Say what a feature does rather than what it could mean for your team.

Using the name and logo

The Tidigar name and logo belong to Hamacher Software AB. Use them to refer to Tidigar without suggesting that Tidigar made or endorses your work. Questions go to hello@tidigar.com.