Style Guide

Version 1.0 • Nov 2023

Color

Color Palette

Black

White

Gray

Color Primary Light

Color Primary Medium

Color Primary Dark

Color Secondary Medium

Color Secondary Dark

Color Secondary Light

Background Color Palette

Background Color Primary Light

Background Color Primary Medium

Background Color Primary Dark

Typography

HTML Headings Tags

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Classes
‍Heading classes when typography style doesn't match the default HTML tag.

Heading Style H1

Heading Style H2

Heading Style H3

Heading Style H4

Heading Style H5

Heading Style H6

Text Classes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

All Links

Block Quote

No bullet list
No bullet list
No bullet list

Buttons

Main Button

VIEW PROJECT

Link Block Button

Go to Cultural projects

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a block quote

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is a link inside of a rich text

List item
List item
List item

List item
List item
List item