Brand, Style Guide, and Site Instructions

Sites & Social Media

Main Site: https://anglicancompass.com/
Old Site: https://anglicancomstg.wpenginepowered.com/

Facebook: https://www.facebook.com/AnglicanCompass/
Twitter: https://twitter.com/AnglicanCompass
Instagram: https://www.instagram.com/anglicancompass/
LinkedIn: https://www.linkedin.com/company/anglican-compass/
Threads: https://www.threads.net/@anglicancompass
LinkTree: https://linktr.ee/anglicancompass

Logos

Colors

#7A8569

#A74610

#2D4267

#1F1B17

#64561A

#794B31

#003A1F

#4B2D67

#857b69

#C5C3BB

#D9D9D9

#EEECE5

#F3F2EE

#F7F6F2

#FEFEFB

#FFFFFF

Site Styles

Buttons

Typography & Headings

Font family: Raleway (Adobe TypeKit) (Google Fonts)
Used ALL-CAPS in 600 weight for smaller headings and eyebrows.

Font family: Arno Pro (Adobe TypeKit)
Used for both headings and body copy in 400 weights.

Named after the Florentine river which runs through the heart of the Italian Renaissance, Arno draws on the warmth and readability of early humanist typefaces of the 15th and 16th centuries. While inspired by the past, Arno is distinctly contemporary in both appearance and function. Designed by Adobe Principal Designer Robert Slimbach, Arno is a meticulously-crafted face in the tradition of early Venetian and Aldine book typefaces. Embodying themes Slimbach has explored in typefaces such as Minion and Brioso, Arno represents a distillation of his design ideals and a refinement of his craft.

As a multi-featured OpenType family, with the most extensive Latin-based glyph complement Adobe has yet offered, Arno offers extensive pan-European language support, including Cyrillic and polytonic Greek. The family also offers such typographic niceties as five optical size ranges, extensive swash italic sets, and small capitals for all covered languages.

Heading Style H1 48px 400weight

Heading Style H2 48px 400weight

Heading Style H3 36px 400weight

Heading Style H4 22px 600weight – Raleway Font

Heading Style H5 20px 600weight – Raleway Font
Heading Style H6 18px 600weight – Raleway Font

Body copy 22px regular (400) weight, Arno Pro font with line height of 1.5em Lorem ipsum dolor sit amet, link consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo bold (700) consequat. Duis aute irure dolor in reprehenderit italics voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Border Radius

  • Images and Cards get an 8px border radius
  • Buttons get a 8px 0 8px 0 button radius