Bear Fitness Style Guide

Overview

Site Purpose

The purpose of this site is to inform individuals of the ammenities and classes this gym has available and persuade them to purchase a membership. The content to be displayed includes information about the gym, classes, personal trainers, membership prices, gear for sale, and contact information.

Target Audience

Age range for the target audience is 18-40 and includes both men and women. The site is for those in the Puyallup, WA area. Average income will range from $14,000-$60,000. Education level is high school and up. It is for both single and married individuals of any occupation as being fit is not dependant on either of these things. Hours worked per week is 20+. Most audience members will use the internet daily on both mobile and desktop devices.

Layout

Sitemap

Bear Fitness Sitemap image

Wireframes

Bear Fitness Wireframe 1 image Bear Fitness Wireframe 2 image

Photoshop Design

Download the Bear Fitness Photoshop design file

Branding

Website Logo

Bear Fitness Logo image

Color Palette

The color palette includes red and gold because they convey energy, power, and happiness which associate well with exercising and getting fit. Shades of gray are also included so the site doesn't become too busy.

Cornell Red

#A81E1E
RGB: 168,30,30,

Harvest Gold

#D8A600
RGB: 216,166,0,

Arsenic

#3D414C
RGB: 61,65,76,

White Smoke

#F5F6F7
RGB: 245,246,247,

Typography

Headings are a thick slab serif that is similar to that used in the sports world. This will help bring the desired feel for the gym. The body copy is a sans-serif that has a contrasting weight.

Sports World - Heading Font

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

Sample Heading

Roboto - Body Copy Font

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

Lorem ipsum nonsed eicillabore essum fugit lantisit, si nis eictia num fugiam et quatquis resto eossitem quunt quae sit dolupis maio omnimo il id maio bea ipid que conseque volorem. Et facidebit vel ma doluptasitis num, ullandebit hicto beaquos tiumquis postrum cori odit eosam quiatur? Volo quid minvel earuptatem quiatur?

Mod qui quunturiam idenderro ma et ex ex ex exerum faci repel molut evelign amenduciis moloreperum qui nullupt ustrumet, sequi a pre non net is dia comnimusant isque voleseque eatur simpori beruptae quam fugit eostios quasi nulpa quatur molorero quam eventio ma venis quideri atiaturione volupiscia sime denestis et hil magnatem aliquundella cusanihit fuga. Pienia dolo tem voluptassi volor as voluptae nulla sed maximincium sapelen tiatqui busapernatus aspis as aborioreic tet recta volessu ndelit hil is explame niminve ratur? Mus andebis si adipsamus ad moluptiae cum este verupid es sequam veri tem sequi re volum doluptatque veriorepudis et, tetum as porem et que sim natiis doluptatures et, sam rehent alicipis suntio conestio ipsandam que prem idi quiasped mod maximod iatium ex et quassimin nonempo reperisci te nonsedit ut auta volorisque paribus.

Navigation

Main Navigation

Secondary Navigation

HTML Elements

Headings

h1

h2

h3

h4

h5
h6

Lists

Unordered List

Ordered List

  1. Item 1
  2. Item 2
  3. Item 3

Links

Link style 1
Link style 2

Paragraphs

Lia sitio blabore ruptatium, to dolorum erum siniscia cor serum sinum solupti aecepe dolupta quiaturion exerum quasi ut et eatemolorem fugit, adistis ab in et dolectem venda custisint occabor esequas core mod est, anditium everes as idundae rferferferi qui re dit eaquo veliquia qui totatiam denis iniscii squatur?

Ant aliquias alis es ma proribus. Solest, officiendic tem eatibeatium re voluptas es diae eate a eostrume nis il erum facit et ex est, ipsae cum simodi tet quos ma volupta aut latur, et quamus nobis netur seritius excero voloratuscia essequaspis sequo cus, everum nissit et fugiaeperor acepedit quatiam et eum volo dicaeribus dest lab illiqua temporrum, que quam que perovidus, voluptatur, officto doluptata nempore icipsapid eatas es eum quiaspis earum que offic tem fugita voluptatinis quis as audigen derferf erition sectasitia solupta nam net quatur andis del ium re enihit aut apelist et es milit quaes ulles expliquunt volorum eictium quia iur, nis dit asped estiatem.

Figure & Figcaption

Bear Fitness trainer giving assistance
Bear Fitness Trainers

References

Links to Web Design Examples

Links to images, textures, or other borrowed assets

Home Page

About Page

Trainers Page

Gear Page

Contact Page