Header logo

Colors & Typography

Global Colors

Accent - Base

#3c56d6

Accent - Light

#405be3

Accent - Dark

#354bbd

Primary - Base

#151e4a

Primary - Light

#182357

Primary - Dark

#0e1433

Gray - Base

#e0e1e2

Gray - Light

#edeff0

Gray - Dark

#c7c8c9

Font - Base

#3d3f47

Typography

Heading 1

Raleway // Normal // 500 // 24px // 36px // Uppercase

Heading 2

Libre Baskerville // Normal // 400 // 20px // 24px

Heading 3

Libre Baskerville // Normal // 500 // 12px // 28px // Uppercase
tags/labels/Pricing
Raleway // Normal // 700 // 1opx // 20px // Uppercase

This is a block of intro text as often used under headings or as an article summary.

Libre Baskerville // Normal // 400 // 18px // 32px

This is a block of body text.  This is a block of body text. This is a block of body text. This is a block of body text. This is a block of body text. This is a block of body text. This is a block of body text.

Libre Baskerville // Normal // 400 // 14px // 28px
Body Link Text - Default
Libre Baskerville // Normal // 400 // 14px // 28px // #3c56d6

This is a block of tiny/accent text.

Libre Baskerville // Italic // 400 // 12px // 28px

UI ELEMENTS

Primary Buttons

Learn More

Button Default

Learn More

Button Accent

Learn More

Button Outline

Secondary Buttons

Social Icons

Primary Color // 25px 

AC Ashworth & Co.  |  Style.  Quality.  Service.

© Copyright 2020 AC Ashworth & Co. All rights reserved.
Site by

Heroes