Ascend Media

Web Style Guide

Color

Cyan

#008eca
rgba(0, 142, 202, 1)

.color-primary
.bgcolor-primary
var(--color-primary)

Yellow

#efb71b
rgba(239, 183, 27, 1)

.color-secondary
.bgcolor-secondary
var(--color-secondary)

Green

#6aab3d
rgba(106, 171, 61 ,1)

.color-tertiary
.bgcolor-tertiary
var(--color-tertiary)

Purple

#8f1d5e
rgba(143, 29, 94, 1)

.color-accent
.bgcolor-accent
var(--color-accent)

Black

#000
rgba(0, 0, 0, 1)

.color-black
.bgcolor-black
var(--color-black)

Dark Dark

#222
rgba(34, 34, 34, 1)

.color-darkdark
.bgcolor-darkdark
var(--color-darkdark)

Dark

#333
rgba(51, 51, 51, 1)

.color-dark
.bgcolor-dark
var(--color-dark)

Dark Light

#555
rgba(85, 85, 85, 1)

.color-darklight
.bgcolor-darklight
var(--color-darklight)

Light Dark

#999
rgba(153, 153, 153, 1)

.color-lightdark
.bgcolor-lightdark
var(--color-lightdark)

Light

#ccc
rgba(204, 204, 204, 1)

.color-light
.bgcolor-light
var(--color-light)

Light Light

#eee
rgba(238, 238, 238, 1)

.color-lightlight
.bgcolor-lightlight
var(--color-lightlight)

White

#fff
rgba(255, 255, 255, 1)

.color-white
.bgcolor-white
var(--color-white)