Style Guide

Style Guide

Heading 1
font-family: "Sorts Mill Goudy",serif;
color: #333943
font-size: 70px
font-weight: 300

H1. Page Title


Heading 2
font-family: "Sorts Mill Goudy",serif;
color: #333943
font-size: 38px
font-weight: 300

h2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


Heading 3
font-family: "Sorts Mill Goudy",serif;
color: #333943
font-size: 24px
font-weight: 300

h3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


Heading 4
font-family: "Lato",sans-serif;
color: #a6a096
font-size: 14px
font-weight: 700

h4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


Heading 5
font-family: "Sorts Mill Goudy",serif;
color: #333943
font-size: 17px
font-weight: 300

h5. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit ...

Heading 6
font-family: "Lato",sans-serif;
color: #a6a096
font-size: 22px
font-weight: 500

 

h6. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.

Paragraph
font-family: "Lato",sans-serif;
color: #4a4a4a
font-size: 16px
font-weight: 300


p. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


File Size For Images

Ideal File Sizes For Images: 450kb to 01mb

Style Guide Banners Details

Main Banner Images

1920px Width * 1080px Height
This banner size is used on the Public Landing page

Inner Banner Images 

1920px Width * 376px Height
This banner size is used on all the inner pages of the guest site and member site

Templates Used on the website

Templates Used on the website

Basic Web Content

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.

Style Guide 3

3 Column Info Blocks

Lorem Ipsum

Mon - Fri: 5 a.m. - 11 p.m.
Saturday: 6 a.m. - 11 p.m.
Sunday: 6 a.m. - 9 p.m.

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
000-111-2222 
Info@abc.com

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
000-111-2222 
Info@abc.com

Style Guide - Page Title & Description With Promotional Content Block

Page Title & Description With Promotional Content Block

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Style Guide - Featured Text Block With Image, CTA And Hours Block

Style Guide - Page Title & Description

Page Title & Description

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Style Guide - Two Column Layout

Two Column Layout

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Style Guide - Three Column Layout

Three Column Layout

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Style Guide - Action Bar

Action Bar

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

Style Guide - Accordion

Accordion

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Style Guide - Bio Listing

Bio Listing

Lorem Ipsum

Lorem Ipsum

0001112223

Image Dimensions:
Width: 96px
height: 120px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Style Guide - 3 Column Image Callouts

Style Guide - Text With Image

Text With Image

Image Dimensions:
Width: 357px
height: 250px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Style Guide - Featured Text Block With CTA

Style Guide - 3 Column Transactional Content

3 Column Transactional Content

Image Dimensions:
Width: 547px
Height: 180

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Image Dimensions:
Width: 547px
Height: 180

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Tabs

Tabs

Style Guide -Tabs

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Announcement Image Dimensions

Announcement Image Dimensions
Width: 1090px
Height: 443px

Announcement

Announcements

Pride Parade & Float Build

Help build the MAC Pride Float for the 2025 Portland Pride Parade on Saturday, July 19. Volunteers a..

Click here for details