History: Logo usage and brand guide
Preview of version: 21
Introduction
This page contains info on Tiki's branding directions, agreed-upon (voted?) color codes, font family names, logos, iconsets, etc Examples: http://www.brandsoftheworld.com/guidelines/ http://www.joomla.org/about-joomla/the-project/logo-usage-and-brand-guide.html Table of contents |
Related material
Category:
communication_(public)
Some notes
|
Tiki color codes
What is it?
- color codes are unique identifiers for various shades of colors
- sing the blues..there are many blue vartions used, maybe we should name the current "official" ones. Not written in stone,there is always room for change but to help folks interested in designing for Tiki
| Logo blue | ||
| CSS blue | ||
Tiki fonts
What is it?
- Fonts used in the info.tikiwiki & the promo sheet output should be the same for the sake of consistent look
| Font purpose | Font family name | Font size |
| Font for the word "Tiki" in the logo | ||
| "Official" (default) font for the "offical" (deafult) site theme and the pdf promo sheet |
Check this: http://images.google.com/images?q=tiki+font
Tiki small logo (favicon)
What is it?
- it is the logo without the word "Tiki"
- it used as the favicon
- for ideas, sketches, development see here..
- current "offical" version:
Tiki full logo
What is it?
- the "small logo" + the word "Tiki"
- this should be used for branding, on promotional materials, etc
- for ideas, sketches, development see here..
- current "official" version:
Tiki full logo with text
What is it?
- the "small logo" + the word "Tiki" + a descriptive line on what Tiki is about
- for ideas, sketches, development see here..
- current text is: Wiki+CMS+Groupware
- current "offical" version:
Tiki 3D box
What is it?
- Tiki is a product and it is common on the web for softwares to have a box picto that looks like something you can take off the shelf in a shop
- we should have it to promote better the "out-of-the-box" message
- see more here
Some inkscape tutorials to help improve the pictos
- inkscape tutorial on how to create a product box: http://showmedo.com/videotutorials/video?name=1330000&fromSeriesID=133
- inkscape tutorial on how to create a shiny background: http://showmedo.com/videotutorials/video?name=1320000&fromSeriesID=132
- inkscape tutorial on how to create a sunburst background: http://showmedo.com/videotutorials/video?name=1920000&fromSeriesID=192
- inkscape tutorial on how to create a funky text: http://showmedo.com/videotutorials/video?name=1390000&fromSeriesID=139
Tiki release number
What is it?
- a small picto to for using on promotional material for a Tiki version
- can be modified easily by anyone using the source and be mixed with other promo elements
- please fell free to play around if the mighty muse found you
- proposed sketch
Tiki default css theme
What is it?
- Tiki sites have a common css file (CSS files define the look&feel of a site)
- the current "official" css is:
Tiki icons
What is it?
- icons are used as buttons in the application
- the icons should be LGPL licensed
- famfamfam set - currently these icons are used, check preview
- crystal project - very cool, license is LGPL, maybe switch to this? a bit large library (22mb) but looks nice check the preview
- tiki's own feature icons (used at admin panel) - does anyone have the source?
inkscape tutorial on how to create an rss icon
http://showmedo.com/videotutorials/video?name=1900000&fromSeriesID=190
How about a mascot?
What is it?
- Many projects choose to have an animal or some kind of figure (like twitters bird)
- Read more here..
Alias
History
| Information | Version | |||||
|---|---|---|---|---|---|---|
| Marc Laporte | 30 | |||||
| Marc Laporte Copied to branding.tiki.org/Icons | 29 | |||||
| Marc Laporte This is on branding site | 28 | |||||
| Marc Laporte some stuff moved | 27 | |||||
| Marc Laporte font info is on branding.tiki.org/font | 26 | |||||
| Marc Laporte nuking old stuff | 25 | |||||
| Marc Laporte | 24 | |||||
| Marc Laporte | 23 | |||||
| gezza | 22 | |||||
| gezza Tiki 3D box pagelink | 21 | |||||
| gezza Plugin modified by editor. | 20 | |||||
| gezza Plugin modified by editor. | 19 | |||||
| gezza Plugin modified by editor. | 18 | |||||
| gezza Plugin modified by editor. | 17 | |||||
| gezza Plugin modified by editor. | 16 | |||||
| gezza categorized | 15 | |||||
| gezza | 14 | |||||
| gezza | 13 | |||||
| gezza | 12 | |||||
| gezza Moved logo sketches to TikiLogo page, added currently used ones | 11 | |||||
| Gary Cunningham-Lee Clarify status. | 10 | |||||
| gezza | 9 | |||||
| gezza | 8 | |||||
| gezza | 7 | |||||
| Marc Laporte | 6 | |||||