Theme & Appearance

Changes preview live everywhere and auto-save as you edit.

Colors

Brand colors used across the app.

Primary

Accent

Background

Text

Card / Surface

Semantic Colors

Paid/signed states, errors, warnings and info notices.

Success (Paid, Signed)

Danger (Not Paid, Delete)

Warning (New, Notices)

Info

Event Status Colors

Badges and chips for each event status.

Prospect

Tentative

Definite

Completed

Cancelled / Lost

Contact List Colors

Row tints for an untouched enquiry and one somebody has read.

Unopened enquiry

Opened

Fonts

Body font

Heading font

Heading weight

Typography Sizes

Pixel sizes for headings and text.

Heading 130px

Heading 224px

Heading 320px

Heading 416px

Paragraph14px

Small text12px

Shape

Corner radius (0.5rem)0.5

Live Preview

Heading One

Heading Two

Heading Three

Heading Four

This paragraph previews your body font and size. The quick brown fox jumps over the lazy dog.

Small helper text looks like this.

BadgeSecondaryOutline

ProspectTentativeDefiniteCompletedCancelledLost

PaidNot PaidNewInfo