CASA by Josephine Jenno

Style Guide

HEADINGS

HEADINGS

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

HEADING STYLES

Very Large Title

Large Title

Medium Title

Regular Title

Small Title
Very Small Title

TEXT STYLES

PARAGRAPHS

BODY - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

PRODUCT TITLE - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

FILTERS - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

SMALL TEXT - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TEXT ALIGNS

TEXT ALIGN LEFT

TEXT ALIGN CENTRE

TEXT ALIGN RIGHT

TEXT LINKS

TEXT LINK - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

COLOURS

COLOUR BLOCKS
‍

TEXT COLOURS

TEXT COLOUR BLUE - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TEXT COLOUR RED - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TEXT COLOUR PINK - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

BUTTONS

BUTTONS

Button Text
Button Text
Button Text
 Button Text

WRAPPERS

PAGE PADDING

PRODUCT WRAPPER

FLEX ALIGNS

ALIGN LEFT

ALIGN CENTRE

ALIGN RIGHT

GRID CONTAINERS

4 COLUMN

3 COLUMN

2 COLUMN

MARGINS

MARGINS

VISUAL ELEMENTS

FRAMES

FRAME BORDERS


‍

FRAME IMAGES

DIVIDERS

Icons

SHOP ELEMENTS

SLIDER

FORM

FORM BLOCK

BLOG

RICHTEXT

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.

"This is a quote about a thing from this blog, it is an. interesting quote and is attributed to the following person"
Image Caption