Tochka logo

The dot is already in the word: it takes the place of the lower part of the Ч.

Construction

The dot is as wide as the stem above it.It stands on the baseline.The gap between the stem and the dot is about a third of the dot.

Site icon

Clear space

The logo keeps a margin of x on every side, where x is two dots wide.

Minimum size

64 px

8 px

On screen: the wordmark from 64 px wide, the dot from 8 px. In print: 20 mm and 3 mm.

BlueHEX #0035ECRGB 0, 53, 236

InkHEX #1A1A1ARGB 26, 26, 26

GreyHEX #F6F6F6RGB 246, 246, 246

WhiteHEX #FFFFFFRGB 255, 255, 255

Proportions

A typical screen: Grey 55%, White 30%, Ink 10%, Blue 5%

Blue is for the logo, for actions and for selected states. It stays rare, so it keeps meaning “press here”.

7.7:1AAA

7.1:1AAA

17.4:1AAA

16.1:1AAA

17.4:1AAA

7.1:1AAA

2.2:1not for text

Helvetica Neue

Display, Bold 56/58

Your barber, booked online

Heading 1, Medium 48/52

Your barber, booked online

Heading 2, Medium 38/44

Your barber, booked online

Heading 3, Medium 20/26

Block heading

Body, Regular 16/26

Body text for descriptions and longer notes.

Secondary, Regular 16/26

Secondary text for hints and captions.

Sizes are those of the service at desktop width. Secondary text is the grey #9F9F9F.

What’s next

or back to all work