MountainMaiden.org Style Guide

Overview

Site Purpose

Not only will I be using my site as my own personal web platform for my blog, I may choose to expand it into a business, and use it as a portal for potential clients to see my work.

Target Audience

My target users are prospective employers, both male and female, age 18-70. From the US, but may be from other countries. average income of my users would be from $0 and higher. Most individuals will have an interest in alternative living styles, (homesteading) but the base will inevitably be very broad.

Layout

Sitemap

Sitemap

Wireframe

Wireframe 1

Wireframe

Wireframe 2

Photoshop Design

Download the MountainMaiden.org Photoshop design file

Branding

Website Logo

Logo

Color Palette

I wanted to keep this simple. I chose one monocromatic pallet with small variations. I wanted it to feel like it had an earthy feel to it. That is why I chose forest green.

Dark Forest Green

#434c21
RGB: [67, 76, 33]

Medium Forest Green

#edf3d5
RGB: [237, 243, 213]

Lightest Forest Green

#f8fbed
RGB: [248, 251, 237]

Dark Brick Red

#732209
RGB: [115, 34, 9]

Typography

I chose one font for the entire web site. Is Trajan, if the computer does not support that we move to Georgia. If that is not an option we go to Times and if unavailable we switch to serif.

Heading Font

ABCDEFGHIJKLMNOPQRSTUVWXYZ<br/> abcdefghijklmnopqrstuvwxyz<br/> 1234567890!@#$%^&*()_+

Sample Heading

Body Copy Font

ABCDEFGHIJKLMNOPQRSTUVWXYZ<br/> abcdefghijklmnopqrstuvwxyz<br/> 1234567890!@#$%^&*()_+

This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf

This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf This is just and example paragraph to illustrate my Font Choices alkjl;rj alksjweroiauejfnz ;lk ajerlq ;roiefj po vgasej laqjr q ;ao eifujcoAIsje rlkaw3r lakjf

Navigation

Main Navigation

Bottom 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

Figure image
This is the figcaption

References

Inspirations

I really did not take inspiraiton form any other source. I provided all my own images.