Brand

brand

Guidelines

Guideline

What's Inside

1. Brand Foundation

Mission & Vision

Brand Personality

Brand Voice & Tone

2. Visual Identity

Logo & Symbol

Color Palette

Typography

3. UI Design Kit

Buttons - Badges

Inputs - Cards

Iconography

4. Logo Application

App Icon

Social Media

Tikily is an online appointment booking and digital queue management SaaS for professionals salons, clinics.

Tikily is an online appointment booking and queue SaaS for salons, clinics...

Brand

Foundation

The beliefs, values, and personality traits that define who tikily is at its core.

Brand

Foundation

Brand Foundation

01.1

Mission & Vision

Tikily exists at the intersection of technology and respect for people's time. We build tools that streamline client flow — simply, elegantly, without friction.

Brand Foundation

01.1

Mission & Vision

Our Mission

"To turn every waiting room into a seamless experience, every pro can respect their clients' time, effortlessly."

Our Vision

"An world where no one loses time waiting for no reason through simple, accessible digitalization App"

"A world where no one loses time waiting for no reason through simple, accessible digitalization App"

Brand Foundation

01.2

Brand Personality

Tikily has a distinct personality: premium without being cold, professional without being distant. We are the trusted partner that simplifies without ever patronizing.

Brand Foundation

01.2

Brand Personality

Confident

Every piece of information is accurate. Every action has a clear outcome. Our product does what it promises.

Approachable

Zero friction. From booking to physical check-in, the experience never stalls.

Precise

Clean and powerful interface. Never cluttered. Design steps aside for utility.

Trustworthy

The client always knows where they stand. No ambiguity, no surprises. Tikily keeps its word.

Brand Foundation

01.3

Brand Voice & Tone

Tikily speaks like an elegant director who respects the person in front of them. Never condescending, never casual. Always clear, composed, and direct.

Brand Foundation

01.3

Brand Voice & Tone

Do this

Not this

"Your appointment has been confirmed."

"Oops! Something went wrong 😅"

"Your appointment has been confirmed."

"Oops! Something went wrong"

"3 people ahead of you, approx. 12 min."

"Please hold on for just a moment..."

"3 people ahead of you, approx. 12 min."

"Please hold on for just a moment..."

"This slot is no longer available. Please choose another time."

"Welcome to our innovative platform!"

"This slot is no longer available."

"Welcome to our innovative platform!"

"No appointments scheduled today."

"Maximize your productivity with our cutting-edge solutions!"

"No appointments scheduled today."

"Maximize your productivity with us!"

"Set up your calendar in 3 steps."

Emojis anywhere in the product UI

"Set up your calendar in 3 steps."

Emojis anywhere in the product UI

Visual

Identity

The beliefs, values, and personality traits that define who tikily is at its core.

Visual

Identity

Visual Identity

02.1

Logo & Symbol

The Tikily icon is composed of 4 concave quarter-circle quadrants arranged in a diagonal grid pattern. It simultaneously evokes time slots, fluid movement, and modularity — the core pillars of the product.

Download Assets

Visual Identity

02.1

Logo & Symbol

Primary

Secondary

Symbol

Color Usage

Visual Identity

02.2

Color Palette

The Tikily palette is built around a deep navy black as the dominant background and a rich royal blue #1A4FD6 as the primary accent. Navy dominates. Blue only appears on CTAs and key highlights — making every interactive element feel intentional and premium.

Visual Identity

02.2

Color Palette

TIKILY BLUE

HEX

1D4ED8

FADE BLUE

HEX

5B8FFF

BLACK

HEX

000000

LIGHT

HEX

E7EBF2

FROST

HEX

C8CBDB

STEEL

HEX

8A8FA2

DARK

HEX

101011

Visual Identity

02.3

Typography

Tikily uses Brilliant Cut Pro for all display and heading text — geometric, condensed, unmistakably premium. Body copy uses DM Sans for maximum readability. Data, tickets, and codes use a dot-matrix mono font inspired by the Nothing Phone aesthetic.

Get Font

Visual Identity

02.3

Typography

Typeface

Darker Grotesque

SF Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKQPLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxy

0123456789

!@#$%^&*( )

Light

Medium

Bold

Hierarchy

H1 Headline

H1

100 px / Weight 700

H2 Headline

H2

80 px / Weight 700

H3 Headline

H3

64 px / Weight 700

H4 Headline

H4

56 px / Weight 600

H5 Headline

H5

40 px / Weight 500

H6 Headline

H6

32 px / Weight 500

Body Large

20 px / Weight 500

Body

16 px / Weight 500

Caption

11 px / Weight 600

Visual Identity

02.4

Iconography

tikily uses a consistent icon system built on 24×24px stroked icons. Stroke weight is always 1.5px. Icons are rounded at joints and terminals.

Visual Identity

02.4

Iconography

lock

Payment

Vault

activity

shield

instant

Analytics

Dashboard

Team

API

Sync

Ledger

Support

Alert

Check

Invest

Design

System

The reusable components that form the building blocks of every tikily product surface.

Design

System

Design System

03.1

UI Kit

The reusable components that power every Tikily product surface — booking flows, queue displays, dashboards, and notifications. Dense, animated, and built with fully rounded corners throughout.

Get Figma File

Design System

03.1

UI Kit

Buttons

Primary CTA

Badges

Verified

Active

Failed

Pending

Inputs

Account Name

API Key

Routing Number

Cards

Total Volume

Last 30 days

Processed

$54,782

↑ +18.2% vs last month

Banking

32 Transactions

$3,324.00

Logo

Application

How the tikily brand shows up across digital touchpoints, from favicons to full-format social assets.

Logo

Application

Logo Application

04.1

App Icon

At small sizes, only the Tikily symbol is used without the wordmark. The app icon uses a deep navy #070D1F background with the white Tikily mark. The favicon is a simplified 16×16 version of the symbol, rendered at pixel precision.

Logo Application

04.1

App Icon

1024px

512px

192px

64px

32px

App Icon — Multiple Sizes

Tikily Dashboard

https://tikily.app/dashboard

Tikily Dashboard

https://tikily.app/dashboard

Favicon in Context

Hand holding smartphone displaying Vaultx app splash screen with bold green background, highlighting modern fintech branding and mobile experience

Close-up of Vaultx mobile app icon on smartphone home screen, showcasing modern fintech UI design and minimal interface

Logo Application

04.2

Social Media

Social posts are Tikily's most visible brand moments. Keep messaging sharp and single-idea, one post, one thought. Always include the Tikily lockup. Use dark navy or black backgrounds for maximum feed impact. Blue accents on CTAs only.

Logo Application

04.2