Gemma Designs Style Guide

Overview

Site Purpose

This website is the location for Gemma Designs jewelry. My company, Gemma Beads and Design has been in business for 10 years, selling online and locally. The website will new and returning customers a place to shop, order and find out what is new.

Target Audience

The Gemma Design audience is varied. Mainly women between the ages of 25 and 65. Gemma Design's customer appreciate unique, quality design. They are a comfortable shopping online. Many customers are shopping for gifts for various occasions so year round purchases are made, however the Christmas holiday season is the biggest. Gemma Designs online clients are general social media users who will probably be subscribed to Gemma's social sites such as Facebook, Pinterest, Twitter and Instagram. Many of the Etsy shop customers have become followers of Gemma Designs on social media.

Layout

Sitemap

Gemma Design Sitemap image

Wireframes

Gemma Design Wireframe 1 image Gemma Design Wireframe 2 image

Photoshop Design

Download the Gemma Design Photoshop design file

Branding

Website Logo

Gemma Designs Logo image

This logo was designed by me.

Color Palette

The colors I am using are based on the logo, purple, aqua shades, and a touch of golden honey color. The background will be white.

Orchid

#b0208f
rgb: 176,32,143

Honey

#f1da8e
rgb: 241,218,142

Aqua

#00cccc
rgb: 0,204,204

Capri

#009999
rgb:0,153,153

Typography

To keep in harmony with the logo, the body text will be Aktiv Grotesk. The headings will be a good contrasting serif font, Garamond.

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

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

Dune - Triple strand bracelet
"Dunes" ©Gemma Beads & Design

References

Links to Web Design Examples

Links to images, textures, or other borrowed assets

All other images are my own property.