Content Color Hierarchy

Strongest Text Color

Strong Text Color

Body Text Color

Muted Text Color

Strongest Text Color Light

Strong Text Color Light

Body Text Color Light

Muted Text Color Light

Brand Primary

Primary

--text-m

Primary hover

--text-m

Primary dark

--text-m

Primary light

--text-m

Primary 80

--text-m

Primary 60

--text-m

Primary 40

--text-m

Primary 20

--text-m

Brand Primary

Primary

--text-m

Primary hover

--text-m

Primary dark

--text-m

Primary light

--text-m

Primary 80

--text-m

Primary 60

--text-m

Primary 40

--text-m

Primary 20

--text-m

Button Main

.gl-button--main

Main ButtonMain Button

.gl-button--main-bright

Main Button LightMain Button Light

Brand Subtle

.gl-button--main

Special Heading

.gl-button--main

Special Heading

Brand Subtle

.gl-button--main

Special Heading Center

.gl-button--main

Special Heading Center

Brand Subtle

.gl-button--main

Special Heading Center

.gl-button--main

Special Heading Center