Design and Prototyping
Design Drafts
See the attachments to this document.
General Design Decisions
Typography
Font: Arial
Size: 11px, 10px
Color
Main colors:
Highlight & spot colors:
Grey shades:
Pictographs
List of icons to be designed:
| Label | Icon | Description | Usage 1 |
|---|---|---|---|
| close | |||
| expand, collapse | in-place editor, property bar | ||
| open in separate view | in-place editor, page node | ||
| new (page, document, paragraph, folder, type) | |||
| edit (see "new") | |||
| delete (selected, delete all, user/groupe/role) | |||
| move, copy | |||
| activate (this page, with subpages); deactivate | |||
| refresh | |||
| import, export, backup | |||
| search | additional toolbar | ||
| mode (hierarchical, preview) | |||
| filter(s) | |||
| download, upload | |||
| show in navigation | |||
| show content | |||
| show/restore versions | |||
| proceed, reject | |||
| cancel | |||
| go into, go up, go back | tree navigation | ||
| about, help | |||
| info, warning, error |
1: tool bar, context menu, and ...
Style & Effects
- separation of sections: one pixel line
- components: rounded corners
- seamless borders
