Style Guide
An overview of all base components used in Coco.
Headline 0 | size - 16vw; line - 1.3-
Typography
Headline H1 | size - 120px; line - 130px
Modular
design blocks
Headline H2 | size - 96px; line - 100px
Make your
design workflow
Headline H3 | size - 72px; line - 80px
Faster and
more efficient
Headline H4 | size - 64px; line - 70px
Stylish and
playful layouts
Headline H5 | size - 48px; line - 60px
Perfectly crafted
for your ideal website
Headline H6 | size - 36px; line - 48px
Modular designs
Description 1 | size - 28px; line - 34px
Stylish and playful layouts for beautiful adaptive landings
Description 2 | size - 24px; line - 30px
Stylish and playful layouts for beautiful adaptive landings
Body 20 | size - 20px; line - 28px
Stylish and playful layouts for beautiful adaptive landings
Body 18 | size - 18px; line - 26px
Stylish and playful layouts for beautiful adaptive landings
Body 16 | size - 16px; line - 24px
Stylish and playful layouts for beautiful adaptive landings
Body 14 | size - 14px; line - 22px
Stylish and playful layouts for beautiful adaptive landings
Body 12 | size - 12px; line - 20px
Stylish and playful layouts for beautiful adaptive landings
Uppercase Text 18 | size - 18px; line - 26px
Uppercase Text
Uppercase Text Small 14 | size - 14px; line - 22px
Uppercase Text Small
Underline Link 16 | size - 16px; line - 24px
Underlined Link
Colors
Primaries and grays controlled by the Global Swatch feature.
Olive Green: #656327
Pearl White: #faf5e5
Off White: #F7F7F3
White: #FFFFFF
Black: #000000
Typography
Headings, body and other common text elements.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Buttons
Component, text style and size variations
Main Buttons
Forms
General style and state variations for text inputs.
Input
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labeled Input
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Styling for checkboxes, selects and radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Koa 2024© is an 809 Studio Production
