Morning all,<br><br>You'll simply have to wait until this evening for my marvellous minutes. But, in our meeting yesterday Tim and I were going to add some detail on look and feel, design etc on the train. Tragically, however, First Great Western's anti-bike nazis foiled our plans by making me miss 3 trains before i could get back to london. <br>
<br>So here's my hasty effort at adding to the design brief, based on our dicussions yesterday. I also think we should ask them to produce a generic content page template, with all the standard styles on it,as that will be by far the most common page on the site - so i've put a bit on that too. <br>
<br>God bless you all,<br><br>ali<br><br><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5Caalexand%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CDOCUME%7E1%5Caalexand%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5Caalexand%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><style>
<!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;
mso-font-charset:2;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:0 268435456 0 0 -2147483648 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;
mso-font-charset:0;
mso-generic-font-family:roman;
mso-font-pitch:variable;
mso-font-signature:-1610611985 1107304683 0 0 159 0;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-1610611985 1073750139 0 0 159 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
mso-style-unhide:no;
mso-style-qformat:yes;
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:36.0pt;
mso-add-space:auto;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
{mso-style-priority:34;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-type:export-only;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
mso-add-space:auto;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
{mso-style-priority:34;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-type:export-only;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
mso-add-space:auto;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
{mso-style-priority:34;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-type:export-only;
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:36.0pt;
mso-add-space:auto;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
.MsoChpDefault
{mso-style-type:export-only;
mso-default-props:yes;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
.MsoPapDefault
{mso-style-type:export-only;
margin-bottom:10.0pt;
line-height:115%;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:696783544;
mso-list-type:hybrid;
mso-list-template-ids:-1137554336 134807553 134807555 134807557 134807553 134807555 134807557 134807553 134807555 134807557;}
@list l0:level1
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;
font-family:Symbol;}
@list l0:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;
font-family:"Courier New";}
@list l0:level3
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;
font-family:Wingdings;}
@list l1
{mso-list-id:1798143207;
mso-list-type:hybrid;
mso-list-template-ids:-38891358 134807553 134807555 134807557 134807553 134807555 134807557 134807553 134807555 134807557;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:37.5pt;
text-indent:-18.0pt;
font-family:Symbol;}
@list l2
{mso-list-id:1941982654;
mso-list-type:hybrid;
mso-list-template-ids:1458760218 134807553 134807555 134807557 134807553 134807555 134807557 134807553 134807555 134807557;}
@list l2:level1
{mso-level-number-format:bullet;
mso-level-text:;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;
font-family:Symbol;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style>
<p class="MsoNormal"><b style="">Design requirements</b></p>
<p class="MsoNormal">The Climate Camp website is the Camp’s main platform for
directly communicating with the wider public, the media, as well as climate activists
in the UK and far beyond.</p>
<p class="MsoNormal">The website design should be high-impact and designed to engage
casual visitors. <span style=""> </span>The look and feel should
also reflect that Climate Camp is:</p>
<p class="MsoListParagraphCxSpFirst" style="margin-left: 37.5pt; text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>a dynamic and inspirational movement, <span style=""> </span>set up to support and facilitate<i style=""> </i>direct action on climate change</p>
<p class="MsoListParagraphCxSpMiddle" style="margin-left: 37.5pt; text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>far more than one climate camp every year – this
year we have had G20 in the city, we’re planning a mass action in October, we
launched “e.on f.off” and we’re organising for Copenhagen in September</p>
<p class="MsoListParagraphCxSpLast" style="margin-left: 37.5pt; text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>is growing fast – this year there’ll be climate
camps in Wales, Scotland, Ireland and dozens more throughout the world. (This website
is for Climate Camp in England, but, obviously, we want to support other
climate camps as much as we can) <span style=""> </span></p>
<p class="MsoNormal">Climate Camp is not a “brand”, a monolithic,
centrally-controlled identity; Climate Camp is a movement and an idea, based on
a loose, but committed network of engaged people and autonomous groups.</p>
<p class="MsoNormal">Typically Climate Camp produces a huge range of print publicity
very year using very diverse graphical styles for our different actions and activities (assets to be supplied).
And these are often produced by different groups of people.</p>
<p class="MsoNormal">Our website should be designed to accommodate – and celebrate
- this creative diversity and the website design should not be directly influenced
by any previous publicity design assets. </p>
<p class="MsoNormal">For that reason the masthead with a climate camp logo should
be relatively “neutral” so as not to clash with other promotional design assets
we chose to highlight on the website.</p>
<p class="MsoNormal">We have a large amount of excellent photography and we’d like
the design – particularly our homepage - to use our stock of imagery for maximum
impact (images to be supplied).</p>
<p class="MsoNormal">We’d also like the design to be dynamic and arresting, and,
as far as possible, we’d like it to avoid compartmentalising content elements
into rigidly defined “boxes”. <span style=""> </span></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><b style="">Homepage</b></p>
<p class="MsoNormal">As with all websites our homepage is hugely important. The main
focus of the homepage should be:</p>
<p class="MsoListParagraphCxSpFirst" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>A high-impact, image-based area publicising our
next action/event – this should have space for an optional title and some intro
text of variable length</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Scope for image-based promotion of 2 – 5 other
future actions and/or callout items (for example workshop submissions or
promoting details of next monthly gathering)</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt; line-height: normal;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>A single sentence explanation of climate camp.
This might be changed or tweaked in the future, but for now we intend to work
with: “Climate Camp is a fast-growing, grassroots movement of diverse people
taking action on Climate Change, the biggest threat our world has known.”</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt; line-height: normal;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>An area for latest news and/or blog entries –
this could be taken from our website blog, press releases or from an external
feed from an indymedia-style site. <span style=""> </span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>A prominent link or button to the “Get Involved”
page, saying something like “Want to get involved in stopping climate chaos?
Here's how!”</p>
<p class="MsoListParagraphCxSpLast" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>A “donate” link which should be obvious but not
huge</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><b style="">Templates</b></p>
<p class="MsoNormal"><b style="">Generic <span style=""> </span>Content Page </b></p>
<p class="MsoNormal">This should be the standard content page and should be as
flexible as possible.</p>
<p class="MsoNormal">This should contain styles for:</p>
<p class="MsoListParagraphCxSpFirst" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Page title</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Intro text</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Body text</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Sub-header 1</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Sub-header 2</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>In-text links</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Separate link list (i.e in right-hand margin)</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>In-text images (incl. size, style, caption)</p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>All standard form elements</p>
<p class="MsoListParagraphCxSpLast" style="text-indent: -18pt;"><span style="font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">
</span></span></span>Page-body Highlight box – for break-out text
within article</p>
<br>