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