Old Peninsula Grammarians' Association Logo

Welcome

Logos

Fonts

Baskerville URWProxima Nova

Typography

HeadingsText Styles

Colour

PrimarySecondary

UI

OPGA Style Guide

Logos

Logo Set

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.

Old Peninsula Grammarians' Association Logo
Master OPGA Logo – Blue
Old Peninsula Grammarians' Association Logo
Master OPGA Logo – White
Old Peninsula Grammarians' Association Logo
Circular OPGA Logo – Blue
Old Peninsula Grammarians' Association Logo
Circular OPGA Logo – White
Old Peninsula Grammarians' Association Logo
Circular OPGA Logo – Blue
Old Peninsula Grammarians' Association Logo
Circular OPGA Logo – Blue
Old Peninsula Grammarians' Association Logo
Favicon – White
Old Peninsula Grammarians' Association Logo
Webclip – White

Fonts

Typography

Headings

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.

H1

Heading 1

H1: Welcome

Heading 1

H2

Heading 2

H2: Footer Heading

Heading 2

H3

Heading 3

H4

Heading 4

Text Styles

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.

Text Link

Section Title
Link
Nav Link
Footer Heading
Footer Link – Link
Footer Link – Text Block
Details

Title

Tab – H2

Tab - Text Block
Date
Date Title

Footer CTA

Colour

Primary

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.

OPGA Blue
#192a5a
Red
#941014
White
#ffffff

Secondary

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.

OPGA Grey
#e5e5e5
PGS Grey
#f8f8f8
Mid Grey
#888a8d
Dark Blue
#0f1937
Gold – 135°
#fbea9c, #c39631, #e1c572

UI

User Interface Elements

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.

Image – Border Radius 5px
Primary
Button – Primary
Outline
Button – Outline
Primary
Button – White

Text Field

Checkbox

Text Area

Dropdown

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form

List Heading:

  • List item

  • List item

  • List item

List