Style Guide
Colors
Color plays an important role in adding energy, maintaining visual consistency, conveying status, providing feedback to user actions, and helping people understand data more easily.
Blue
#1C62EF
Gradient 1
Gradient 2
Gradient 3
Black 1
#111111
Black 2
#121212
Black 3
#2A2A2A
Grey 1
#6D6E77
Grey 2
#696969
White
#F4F4F4
Typography
Typography defines how text appears and functions across the interface. It ensures readability, consistency, and visual hierarchy by using carefully selected fonts, sizes, and spacing.
Red Hat Display
Inter Display
Heading 1
Heading 1 / Bold / 56px
Heading 2
Heading 2 / Bold / 48px
Heading 3
Heading 3 / Bold / 36px
Heading 4
Heading 4 / Semibold / 24px
Heading 5
Heading 5 / Semibold / 20px
Heading 6
Heading 6 / Semibold / 16px
Large
The quick brown fox jumps over the lazy dog
Body Text / Large / 20px
Regular
The quick brown fox jumps over the lazy dog
Body Text / Regular / 16px
Small
The quick brown fox jumps over the lazy dog
Body Text / Small / 14px
Paragraph and link
Paragraphs use the body style. Slotwyse AI finds the best meeting time, predicts no-shows and resolves conflicts, so your team can read how the AI works and focus on the work that matters.
Paragraph / Text link
Blockquote
Slotwyse AI cut our scheduling back-and-forth to zero in the first week.
Blockquote
Unordered list
- Smart time suggestions
- No-show prediction
- Automatic conflict resolution
List / Bulleted
Ordered list
- Connect your calendar
- Set your availability
- Share your booking link
List / Numbered
