Style Guide

Two kids stretching during the Jack in the Block Event
Vivid Violet

Primary Colour

#8F35FD

RGB (143, 53, 253)

CMYK (43, 79, 0, 1)

Xiketic

Dark Colour

#8F35FD

RGB (10, 0, 22)

CMYK (55, 100, 0, 91)

Magnolia

Light Colour

#F7F1FF

RGB (247, 241, 255)

CMYK (3, 5, 0, 0)

White

alternative light Colour

#FEFDFF

RGB (254, 253, 255)

CMYK (0, 1, 0, 0)

Black

alternative Dark Colour

#000000

RGB (0, 0, 0)

CMYK (0, 0, 0, 100)

Red Salsa

additional Colour

#FD353F

RGB (253, 53, 63)

CMYK (0, 79, 75, 1)

Yellow Red

Additional Colour

#E7B042

RGB (231, 176, 66)

CMYK (0, 24, 71, 9)

Blue RYB

Additional Colour

#353FFD

RGB (53, 63, 253)

CMYK (79, 75, 0, 1)

Spring Green

Additional Colour

#35FDB0

RGB (53, 253, 176)

CMYK (79, 0, 30, 1)

The Flava Factory

Heading 1

Font: Rustica Black

Font Size: 51 px | 3.157 rem

Line Height: 76 px

The Flava Factory

Heading 2

Font: Rustica Bold

Font Size: 38 px | 2.369 rem

Line Height: 57 px

The Flava Factory

Heading 3

Font: Rustica Bold

Font Size: 31 px | 1.728 rem

Line Height: 37 px

The Flava Factory

Heading 4

Font: Rustica Medium

Font Size: 20 px | 1.4 rem

Line Height: 31 px

The Flava Factory

Heading 5

Font: Rustica Normal

Font Size: 18 px | 1 rem

Line Height: 24 px

The Flava Factory

Heading 6

Font: Rustica Normal

Font Size: 16 px | 1 rem

Line Height: 18 px

Full Logo

Primary Logo

Min Height: 40px

symbol only
The Flava Factory logo - symbol only treatment

Secondary Logos

Min Height: 30px

wordmark
The Flava Factory logo - wordmark only treatment

Secondary Logos

Min Height: 30px

emblem lock-up
The Flava Factory logo - emblem lock-up treatment

Additional Lock-up

Min Height: 50px

vertical lock-up
The Flava Factory logo - vertical lock-up treatment

Additional Lock-up

Min Height: 50px

What’s a Rich Text element?

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.

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.