GET FREE CORA

Style Guide

This page is here to show off styles defined in the cora-ui styleguide. These are hard coded in an template file, named page.styles.liquid.

Typography

Heading one

Heading two

Heading three

Heading four

Heading five
Heading six
Heading seven

This is a paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

Color Schemes

Specific color example: Egg Shell text with Raisin Black background

Primary Light color scheme

Primary Dark color scheme

Alternate Light color scheme

Alternate Dark color scheme

Secondary Dark color scheme

Buttons

Regular Button
Disabled Regular Button
Light button
Disabled Light button

Call To Actions

Call To Action
Disabled Call To Action

Inputs

Alerts

Sample alert banner