Qasta's Style Guide

This page outlines the current brand styles and standards for across the site.

Logo & Icons

An overview of this site's brand colors.

Logo

Favicon

Colors

An overview of this site's brand colors.

#b8167f

Hover states Color

#1b161a

Titles color on light version

#5463ff

Primary color for button, icon & links

#91798c

Highlights and backgrounds color

#e8d7e2

Alternate highlights and backgrounds color

#110e10

Paragraph text on dark version + background on light version

#c6bac3

Paragraph text on light version + background on dark version

#ffffff

Everything that is white

Typography

Below is an overview of responsive typography sizes and weights for this site. These are computed from a base size and a mathematical scale.

This is Heading 1

This is Heading 2

This is Heading 3

This is Heading 4

This is Heading 5
This is Heading 6

This is Above Title

This is Subtitle

This is Paragraph

Buttons

Solid and outline buttons are available across all color sets including black and white.