Text styles

Every text accepts combo classes – color, alignment and etc. You can create your own, but make sure to add it here.

Text-6XL
Text-5XL
Text-4XL
Text-3XL
Text-2XL
Text-2XL
Text-L
Text-M
p
small

Examples of combo classes:

p grey
Text-3XL grey center

Rules of scale and relationship/hierarchy:
Texts follow a scale of 1.25 from 16px base (1EM).
All multiples are rounded (example 31,25 – 31px).
Line-height is defined by the font-size and pick the next multiple of 8pt grid (8, 16, 24, 32, 40...): example: font-size: 25px; / line-height:32px;

Used font:
Open Sauce Sans

Colors

These are the same colors we use across the product

Layouts

Some layouts used across the website

Airy Core

Open sourced, fully-featured, production ready conversational data platform

Airy Core is your central hub for conversations. Process data from conversational channels, enrich, query & integrate into your existing infrastructure. Fully featured & production ready with features like notifications, read receipts and more.

Drive Revenue

Use Messaging to Drive Revenue

“Airy was essential to our transition to digital growth, we are now ahead of the curve.”

Wassilios Marazopoulos

Project Manager – Corporate Development, TEDi