Difference between revisions of "Mesh/Website"
(adds web design stuff) |
(adds to font section) |
||
| Line 23: | Line 23: | ||
===Fonts=== | ===Fonts=== | ||
Found some open source fonts through [https://www.google.com/fonts/ Google Fonts]. Trick is to download the fonts, rather than use the "google fonts" service. Considered [https://www.google.com/fonts/#ReviewPlace:refine/Collection:Josefin+Sans|Quicksand|Abel|News+Cycle|Lekton|Dosis|Anaheim these fonts] and selected the combination of '''[https://www.google.com/fonts/specimen/Anaheim#pairings Doris for titles with Anaheim for paragraph text]''' (along with any for monospace). | Found some open source fonts through [https://www.google.com/fonts/ Google Fonts]. Trick is to download the fonts, rather than use the "google fonts" service. Considered [https://www.google.com/fonts/#ReviewPlace:refine/Collection:Josefin+Sans|Quicksand|Abel|News+Cycle|Lekton|Dosis|Anaheim these fonts] and selected the combination of '''[https://www.google.com/fonts/specimen/Anaheim#pairings Doris for titles with Anaheim for paragraph text]''' (along with any for monospace). | ||
It seems like loading custom fonts should be straight-forward, it ended up being complex. Simplest solution is to generate css & multiple formats here: http://www.fontsquirrel.com/tools/webfont-generator | |||
===Graphic Elements=== | ===Graphic Elements=== | ||
Revision as of 02:52, 22 October 2013
PeoplesOpen.Net
The aim of this site is to promote the network itself, featuring three critical aspects:
- Free - of cost, free Internet, free beer. "Just put a node on it!"
- Freedom - from censorship, surveillance, highlighting the community-owned nature of the network. "I'm the network"
- Commons - as in the network commons - the fundamental, essential shared resource that is communication - "share the air"
Tools
Color Scheme
Used picker based on sticker green (#20b24b) to get [muted green, orange, violet]: http://colorschemedesigner.com/#2V31Tqfudw0w0
Themes
Selected WP-Foundation based on Foundation.
- Alternative options included
- The Twenty-Something breed of themes, namely Twenty Twelve
- Responsive
- Yoko.
Research Links
Fonts
Found some open source fonts through Google Fonts. Trick is to download the fonts, rather than use the "google fonts" service. Considered these fonts and selected the combination of Doris for titles with Anaheim for paragraph text (along with any for monospace).
It seems like loading custom fonts should be straight-forward, it ended up being complex. Simplest solution is to generate css & multiple formats here: http://www.fontsquirrel.com/tools/webfont-generator
Graphic Elements
Reaching out to designer-artists to generate engaging graphics, primarily for landing page to convey narrative, point to call to action
Inspirations
Development Tools
- Screenfly - testing on multiple resolutions
MeshThePla.net
For now, we'll be using the sticker design as a placeholder while we construct the site as a general broad propaganda platform for mesh networks worldwide :D