Style Guide - Fonts

Style Guide

Heading 1
font-size: 40px
color: #000000
font-family: orpheuspro, serif
font-weight: 700

H1. Page Title

Heading 2
font-size: 34px
color: #000000
font-family: orpheuspro, serif
font-weight: 700

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

Heading 3
font-size: 30px
color: #000000
font-family: orpheuspro, serif
font-weight: 700

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

Heading 4
font-size: 25px
color: #000000
font-family: orpheuspro, serif
font-weight: 500

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

Heading 5
font-size: 22px
color: #b57a59
font-family: alternate-gothic-no-3-d, sans-serif
font-weight: 500

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

Heading 6
font-size: 20px
color: #000000
font-family: orpheuspro, serif
font-weight: 500

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

Paragraph
font-size: 20px
color: #000000
font-family: orpheuspro, serif
font-weight: 300

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

Banner Images - Header

Banner Images

Untitled CARD VIEW II

Public Landing

1920px Width * 1080px Height

This banner Image size is used on the Main Landing Page. to update the images on this page the club would require put in a request to Northstar(Support), as the images would need to be updated in the theme.

Untitled CARD VIEW II

Public-Private Inner Pages & Member Landing Page

1920px Width * 600px Height

This banner Image size is used on the Guest & Member Inner Pages & on the Member Landing page. The Club Staff can make changes to these banner images

Style Guide - SCL

Different Web Content Templates Used on the Website

Single Column Layout

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 - Accordion

Accordion

Heading 1

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.

Heading 2

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 - Link List

Link List

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.

Link 1

Link 2

Link 3

Style Guide - TCL

Two Column Layout

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 - Three CL

Three Column Layout

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 Column Transactional Layout

3 Column Transactional Layout

June

May

April

Style Guide - Text With Image

Text With Image

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 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.

Style Guide - Text With Image II

Text With Image II

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 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.

Style Guide

Bio Listing II

Mark Penn

Fitness Center Manager, NASM Certified Personal Trainer

Vincent Adams

DPT

Announcements Header - Style Guide

Announcements

Untitled CARD VIEW II

Announcement Image

1468px Width * 394px Height

The announcement are currently present on the Member Landing Page of the website. Please make sure to crop the image first prior to creating an announcement.