Home / Brand kit

Brand kit

The Tactly logo, and how to use it.

Logos, the Talon hawk, colors and fonts, plus the rules for writing the name. Every file is free to use when you write about Tactly.

Download the whole kit (.zip)

Every logo as SVG and as a transparent PNG, plus a one-page guide.

The name

Lowercase in the logo. Capital T in a sentence.

In the logo: tactly

The logo always reads tactly, all lowercase. Lowercase is softer and friendlier, which suits a voice that answers your phone. Never retype the logo; use the files on this page.

In writing: Tactly

In sentences, headings and buttons, write Tactly with a capital T, like any other name. The full product name is AI Receptionist by Tactly.

WriteTactly, AI Receptionist by Tactly, the Tactly appNeverTACTLY, TactLy, Tact.ly, tactly in a sentence

Logo

The logo

The hawk, the word tactly, and the product line. Use the light version on cream or white, and the inverse version on navy or any dark background.

Primary logoThe default. Websites, documents, email.SVG PNG

Primary logo, inverseOn navy or other dark backgrounds.SVG PNG

Logo without the product lineSmall spaces, where the product line would be too small to read.SVG PNG

Logo without the product line, inverseSmall spaces on dark backgrounds.SVG PNG

Icon

The hawk on its own

Where the full logo does not fit: app icons, favicons and social avatars. The cream tile is the default.

App icon, creamApp icon, favicon, social avatar.SVG PNG

App icon, navyAvatars and icons on light pages.SVG PNG

Hawk on its ownNext to text, or as a stamp.SVG PNG

Hawk on its own, inverseOn dark backgrounds.SVG PNG

Mascot

Meet Talon.

Talon is the hawk in the logo, so the mascot and the logo are the same bird. He wears a headset where he is on a call. On the website he blinks and chirps now and then; that motion is for the web only.

Keep Talon facing right, toward the words. Do not redraw him, add a body, or change his colors.

Talon with a headsetSupport pages, call features, illustrations.SVG PNG

Color

The palette

Warm cream and navy, with orange for anything you should click.

Ink#0E1726The wordmark and headings

Navy#0B1324Dark backgrounds

Hawk#1B2A41The hawk's head

Orange#F26A1FThe brow, buttons and links

Amber#F59E0BThe beak and the eye

Burnt orange#C2410CThe product line on light

Peach#FDBA74The product line on dark

Cream#FFF8EEPage background and the icon tile

Sand#F6EDDFAlternate sections

Slate#334155Body text

Type

Two fonts

Both are free on Google Fonts.

Bricolage Grotesque

ExtraBold (800) for the wordmark and headings, set tight: -0.04em on the wordmark. Get the font

Figtree

Regular (400) and Bold (700) for body text. The product line is Figtree ExtraBold, uppercase, spaced 0.14em: AI Receptionist. Get the font

Rules

Using the logo

Do

DoLeave clear space around the logo at least a quarter of the hawk's height.DoKeep the hawk at least 24px tall on screen.DoUse the inverse files on dark backgrounds.DoScale the logo evenly, from the SVG where you can.

Do not

Don'tRecolor the hawk or the wordmark.Don'tStretch, rotate or add shadows and outlines.Don'tPut the light logo on a dark or busy photo.Don'tRetype the wordmark in another font, or capitalize it.

Everything in one file.

Questions about the brand? Call 888-982-8269 and ask for the Tactly team.

Download the whole kit (.zip)