Style Guide

Style standards and guidelines for ustaatlanta.com

Aa

Headings: Fjalla One

Aa

Body: Inter

#0064ed

#143e29

#cfff05

Base Colors

Primary

#0064ed

RGB(0, 100, 237)

Secondary

#143e29

RGB(255, 255, 255)

Accent 1

##cfff05

Supplemental Colors

Header Font

#191919

RGB(25, 25, 25)

Body Font

#474747

RGB(71, 71, 71)

Sub Header

#191919

RGB(25, 25, 25)

Neutral Light

#f6f6f6

RGB(246, 246, 246)

Neutral Dark

#143e29

RGB(20, 62, 41)

Typography

Normal Fonts:

Headings: Fjalla One – 700

Alt Headings: Inter – 700

Body: Inter – Regular

Headings:

Heading 1

Heading 2

Heading 3

Heading 4

Alt Headings:

Heading 5
Heading 6

Body:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sodales neque sodales ut etiam sit amet. Maecenas sed enim ut sem viverra aliquet eget sit. 

Typography Stylization

Heading Two

Heading One

Click me! Click me!

Paragraph Text

How to Use Fonts

Use Inter (700 – Uppercase) for small headings or whenver you use an h6, use Fjalla One as the primary heading (Uppercase), use inter regular as the paragraph font.

Icons

Google Font Icons, Weight: 200

Google Font Icons – Regular (Replace with font style you use)

Buttons

Set button padding and border radius styles here.

Light Sections

Click me! Click me!

The primary colored buttons will be the standard throughout the site, paired with a primary outline button for light sections and a white outline button for sections with image backgrounds.

Dark Sections

Click me! Click me!

The accent colored buttons will be the standard for dark green sections, paired with a white outline button for dark sections.

Padding: 5px 20px 5px 20px
Border Radius: 3px
Button Text Case: Uppercase