Style Guide for Austin Tax Advisors

This style guide outlines the design standards for the ATA brand in terms of feel and look, white space usage, variations, and applications of the logo and corporate color palettes. It also features all typography details including line height/spacing, font families, and sizes.

The defined rules set place in this guide will direct the design and layout of the website to ensure a consistent and optimized user and brand experience.

Colors

Primary Colors

Primary Color 1

#B83802

Secondary Colors

Secondary Color 1

#0082BB

Secondary Color 2

#F8F8F8

Neutral Color 500

#848894

Neutral Color 400

#959AAA

Neutral Color 300

#BDC2D1

Neutral Color 200

#D8DCE7

Neutral Color 100

#F8F8F8

White

#FFFFFF

Typography

Headings - Montserrat Alternates Semi Bold

Heading H1 - Aa Bb Cc Dd

Heading 1 - 48px/60px - Bold

Heading H2 - Aa Bb Cc Dd

Heading 2 - 36px/48px - Bold

Heading H3 - Aa Bb Cc Dd

Heading 3 - 26px/30px - Bold

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/32px - Bold

Heading H5 - Aa Bb Cc Dd

Heading 5 - 18px/20px - Bold

Heading H6 - Aa Bb Cc Dd

Heading 6 - 16px/18px - Bold

Paragraphs - Nimbus Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 18px/30px - Regular

Paragraph Large - 24px/36px -Regular

Link - Lorem ipsum dolor sit amet

Links - TD Underline

Bold - Lorem ipsum dolor sit amet

Bold Text - Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.

Block Quote