Karla Lugo PhotoDesign

Karla Lugo PhotoDesign Style Guide

Overview

Site Purpose

My website will work as a portfolio for potential employers to review my work. I will display my photography and my design, and each subject will have their own section.

Target Audience

My target users are prospective employers, both male and female, age 18-70. Most of my users will be in the United States in the Central Florida area. I specifically live in Polk County, Florida, but I want to expand my business to surrounding counties. The average income of my users would be from $30,000 and higher. People could have high school degrees, even higher, but it's not required. A lot of what I am looking of doing is trying to find people that will want to schedule me for a photography session, and the audience could be very broad.

Layout

Sitemap

Sitemap

Wireframes

Wireframe 1 Wireframe 2

Photoshop Design

Download the KarlaLugo.com Photoshop design file.

Branding

Website Logo

Karla Lugo PhotoDesign Logo

Color Palette

I want something very simple. I took inspiration from some famous photographers and followed what their websites had very closely. I noticed that they had one or two colors, and a white background. I have found this to be very helpful when it comes to showcasing your work, as it'll stand out a lot better, and it makes the page look a lot more elegant than having a crowded page.

Dark Gray

#3F403F
RGB: [63, 64, 63]

Medium Gray

#7F7F7D
RGB: [127, 127, 125]

Black

#000000
RGB: [0, 0, 0]

Typography

I want to stay with a simple theme throughout the entire website. I want a serif font for the headers, and a sans-serif for the body copy.

Heading Font

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

Sample Heading

Body Copy Font

ABCDEFGHIJKLMNOPQRSTUVWXYZ<br/> abcdefghijklmnopqrstuvwxyz<br/> 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

I am not planning on having any visible lists on my website.

Links

Links will not have any different style to them.

Link style 1

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

Self Portrait
Karla Lugo Self Portrait

References

Links to Web Design Examples

Links to images, textures, or other borrowed assets