Portfolio Design

Site Goals

Site Audience

Style Guide

Fonts

Verdana, Geneva, sans-serif
This font is used for the headers. The font was selected because I wanted the text to have a classic appearance and be easy to read.
Lora
This font is used for body text. The font was selected because serif styles tend to be easier to read in large blocks of text, and because the font mimicked the classic curves of Font 1. The license is the SIL Open Font Licence, 1.1

Colors

Website Color Palette
Description Hex Code Appearance
Header background. #7E827A  
Header text #703030  
Navigation text #274167  
Body text #2F343B  
Contrast #E3CDA4  
Contrast. #C77966  
Background. #e7e7e7  
Dark Background. #D4D8D6  
Accent Text. #2F6974  

Overall Formatting

The page is set up to show a winter sky with clouds and some blue sky showing through, and a row of snow-covered trees on the bottom. Slightly transparent fields will hold the header, navigation, content, and footer sections.

The navigation bar will have buttons for the main navigation links, with the current page indicated by the button being reverse-highlighted. When hovered over, the navigation buttons are also reverse-highlighted, and when active it will pick up the footer background color.

The overall site colors are cool colors such as blue and green to coordinate with the winter theme of the background. Accents will use the same general hues as the background and text.

The general font-family for the site is Calibri with backup fonts Arial, Helvetica and Sans Serif. The general text size is 1.2em. Headings are in Cambria Bold Italic backup fonts Times New Roman and Serif, and larger font sizes than body text.

Assets

Several images will be used on the website, all photographs will be taken by a family member or myself and edited by myself. The following is a list of the images used throughout the site. Other images of designs and patterns will be included in the website as it is developed.