Brand guidelines

Chekkit Design

Our Mission

Mission
Mission
Values
Values
Logo
Icons

Our Mission

Four founders joined forces to turn ideas, skills, and hard work into business friendly software.
‍
We bootstrapped the company from the ground up to keep costs low for our current and future customers.

Scalable Products

Build great software that is easy-to-use and affordable for everyday business owners.

Agile Approach

Give businesses modern tools they need to connect with their customers in the most human way possible.

Reliable Support

Build a great team of people to work with and support our customers.

Our Values

Ownership

Everyone at Chekkit owns what they do and has the chance to have a great impact on the business as a whole. As a client that means your voice will be heard throughout the company.

Customer Obsessed

Everybody in the Chekkit team does a shift of customer support each week. This instills a culture of putting the customer first deep into the company.

Small Teams

Small teams move faster and are more responsive. Small teams means less bureaucrazy and more getting this done.

Icons

Four founders joined forces to turn ideas, skills, and hard work into business friendly software. We bootstrapped the company from the ground up to keep costs low for our current and future customers.

Colour

Black Out
HEX:
RGB:
CMYK:
#222222
34, 34, 34
72, 66, 65, 72
White Smoke
HEX:
RGB:
CMYK:
#F5F5F5
245, 245, 245
0, 0, 0, 4
Carbon
HEX:
RGB:
CMYK:
#333333
51, 51, 51
0, 0, 0, 80
Dover Grey
HEX:
RGB:
CMYK:
#848585
132, 133, 133
1, 0, 0, 48
Lilac Mist
HEX:
RGB:
CMYK:
#E4E4E7
228, 228, 231
1, 1, 0, 9
Chef's Hat
HEX:
RGB:
CMYK:
#F4F4F5
244, 244, 245
0, 0, 0, 4
Lucid Dream
HEX:
RGB:
CMYK:
#5D2D90
93, 45, 144
35, 69, 0, 44
Shockwave
HEX:
RGB:
CMYK:
#72C8B2
114, 200, 178
43, 0, 11, 22
Galleon Blue
HEX:
RGB:
CMYK:
#3F96BF
63, 150, 191
67, 21, 0, 25
Artful Pink
HEX:
RGB:
CMYK:
#D16B85
209, 107, 133
0, 49, 36, 18
Poppy Pompadour
HEX:
RGB:
CMYK:
#6E439A
110, 67, 154
29, 56, 0, 40
Yucca Cream
HEX:
RGB:
CMYK:
#A1D8CA
161, 216, 202
25, 0, 6, 15
Blue Topaz
HEX:
RGB:
CMYK:
#65ABCC
101, 171, 204
50, 16, 0, 20
Rose Delight
HEX:
RGB:
CMYK:
#E19BAD
225, 155, 173
0, 31, 23, 12
Mystic Nights
HEX:
RGB:
CMYK:
#4A2A73
74, 42, 115
36, 63, 0, 55
Green Blue
HEX:
RGB:
CMYK:
#45B598
69, 181, 152
62, 0, 16, 29
Male Betta
HEX:
RGB:
CMYK:
#337899
51, 120, 153
67, 22, 0, 40
Saffron Desires
HEX:
RGB:
CMYK:
#C13D5E
193, 61, 94
0, 68, 51, 24

Four founders joined forces to turn ideas, skills, and hard work into business friendly software. We bootstrapped the company from the ground up to keep costs low for our current and future customers.

Typography

Headlines

Area typeface can be found in our various headlines ranging between Bold to Semi Bold. This typeface provides an easy reading experience that captures the attention of the viewer.

Area

Semi Bold + Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn

Pre-Header

Soleil can be see above our headlines providing additional context to what's below. Soleil is a clean and symmetrical typeface that is pleasing on the eyes along with the wider letter spacing.

Soleil
Regular + Semi bold
Letter spacing 0.2 em
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp
Body

Area continues to showcase how versatile and adaptable it can be similar to Chekkit. In the body, we will use the Normal weight to show off its crisp and modern look.

Area

Normal

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo

Typography

Square Headline H1

Square Headline H2

Square Headline H3

Square Headline H4

Square Headline H5
Square Headline H6

Text Opacity

Square Headline H1

Square Headline H2

Square Headline H3

Square Headline H4

Square Headline H5
Square Headline H6

White Heading

Icons

Width blocks

Max width 30em - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Max width 35em - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Max width 40em - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Max width 50em - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Max width 60em - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Max width 70em - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Max width 90em - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Lists

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum.

Paragraphs

Uppercase title

Uppercase title

Uppercase title

Uppercase title

Regular Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.

Hero Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.

Large Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.

Carousel Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.

FAQ text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.

Extra Large Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.

Rich texts

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
  • List item 1
    • dsfgdsafkdasjfkdlasjf
  • List item 2
  • List item 3

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
  • List item 1
    • dsfgdsafkdasjfkdlasjf
  • List item 2
  • List item 3

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
  • List item 1
    • dsfgdsafkdasjfkdlasjf
  • List item 2
  • List item 3
  • dfasfdasf
Text PolicyTermsPrivacy
Products
Overview
All-in-one Inbox
Reviews
Textchat
Chekkit Pay
Chekkit AI
Video Chat
Groupchat
Integrations
Campaigns
Enterprise
Links
White Label
Pricing
Sign Up
Login
Demo Videos
Mobile App
Download for iOS
Download for Android
Transfer Program
Company
About Us
Our Reviews
Case Stories
Affiliate
Contact
Email Us
Join Us
What's New
Resources
SMS Templates
Blog
Tutorial Videos
eBooks
Help Center
Socials