Difference between revisions of "Beltane2013"

From Things and Stuff Wiki
Jump to navigation Jump to search
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{techy}}
 
{{techy}}
  
== Define project brand ==
+
* http://www.fontspace.com/gemfonts/avqest
Feel:
 
  
Colour palette:
+
== Define project brand style ==
 +
''Feel/spirit:''
  
Logo:
+
''Colour palette:''
  
Typography: font style for headings (site, area, page, block title), paragraphs, navigation, etc.:
+
* #E4741F (main orange) links
 +
* #FF5300 (brighter orange) all links on hover
 +
* #FAEB99 (sweet corn) body text
 +
* #FFFFFF (white) site title, active navigation link
 +
* #000000 (black) page background
 +
* #1D1D1D (body) background
  
Vertical rhythm baseline (proportions for font-size and line-height):
+
#FDF6F1 - very light, based on main orange
  
Texture and background:
+
* [http://www.degraeve.com/color-palette/index.php?q=http://beltane.org/wp-content/themes/beltane/images/beltane_logo_flame_alpha_smallerer.png,DA57200301000E06022E1608C87820,FF610A0601001A0600521500FF9900 Color Palette Generator using flame logo]
  
Header:
+
''Logo'':
  
Slogan:
+
Beltane mandala in various styles. Webfont/SVG icon?
 +
 
 +
''Font style for headings (site, area, page, block title), paragraphs, navigation, etc.'':
 +
 
 +
"Lucida Sans","Lucida Sans Unicode",Verdana,Tahoma,Helvetica,Arial,sans-serif;
 +
 
 +
''Vertical rhythm baseline (proportions for font-size and line-height)'':
 +
 
 +
''Texture and background'':
 +
 
 +
''Header'':
 +
 
 +
''Slogan'':
  
 
== UX+IA ==
 
== UX+IA ==

Latest revision as of 02:08, 20 August 2012


Define project brand style

Feel/spirit:

Colour palette:

  • #E4741F (main orange) links
  • #FF5300 (brighter orange) all links on hover
  • #FAEB99 (sweet corn) body text
  • #FFFFFF (white) site title, active navigation link
  • #000000 (black) page background
  • #1D1D1D (body) background
  1. FDF6F1 - very light, based on main orange

Logo:

Beltane mandala in various styles. Webfont/SVG icon?

Font style for headings (site, area, page, block title), paragraphs, navigation, etc.:

"Lucida Sans","Lucida Sans Unicode",Verdana,Tahoma,Helvetica,Arial,sans-serif;

Vertical rhythm baseline (proportions for font-size and line-height):

Texture and background:

Header:

Slogan:

UX+IA

What are the primary areas of the site?

What info to display for each area audience?

What content needs written?

Create sitemap outline of pages / addresses

Layouts for areas and pages

Wireframe layout for mobile first and desktop (and then tablet)

How can the project brand differ yet retain continuity in each area?