Canary Design Language

The new sureapp.com website will be built using Canary Design Language.

A collection of Webflow-ready styles and components built for CDL.
Brand colors
brand-primary-lighter
brand-secondary-lighter
brand-accent-lighter
brand-primary-light
brand-secondary-light
brand-accent-light
brand-primary-base
brand-secondary-base
brand-accent-base
brand-primary-dark
brand-secondary-dark
brand-accent-dark
Foreground colors
foreground-primary
foreground-inverse-primary
foreground-secondary
foreground-inverse-secondary
foreground-tertiary
foreground-subtle
Background colors
background-primary
background-secondary
background-inverse-primary
background-inverse-secondary
Status colors
info
info-tint
success
success-tint
warning
warning-tint
error
error-tint
Typography
display-primary
display-secondary

title-1-primary

title-1-secondary

title-2-primary

title-2-secondary

title-3-primary

title-3-secondary

title-4-primary

title-4-secondary

title-5-primary
title-5-secondary
body-large   body-link
body-regular    body-regular-link
body-small   body-small-link
caption-regular   caption-regular-link
caption-small    caption-small-link
overline
“Large quote”
Buttons & links
button-filled-regular
button-filled-small
button-filled-regular
button-filled-small
Arrow Link
Input fields
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
This is some hint text for the input.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Icons - interface
Icons - decorative
Icons - social