Version 13 (modified by 8 years ago) (diff) | ,
---|
Style Guide
The CLARIN house style has been developed. It is described here (content will be migrated to clarin.eu around June). While the logo remains, it differs significantly from the current style used by www.clarin.eu and the existing printed material (posters, flyers). This is on purpose: the idea of this style update is to give a more dynamic impression.
Naming
URLs
Human interface guidelines are available via the Interface guidelines project (GitHub) and among the CLARIN-PLUS deliverables.
CSS and styling of web applications
The base style project on GitHub implements a Bootstrap/LESS based common style for CLARIN applications based on the interface guidelines. This style is used in the following application/websites:
Various distributions (compiled as well as LESS sources) of the style are available via the project page (see releases for stable distributions).
Similar styles (but different implementations) are in use by
Icons
The Tango collection is available in the public domain (no attribution required) and is mainly using the blue/gray colour scheme of CLARIN.
Some first suggestions:
- content search: https://commons.wikimedia.org/wiki/Tango_icons#/media/File:System-search.svg
- centre registry: https://commons.wikimedia.org/wiki/Tango_icons#/media/File:Applications-internet.svg
- monitoring: https://commons.wikimedia.org/wiki/Tango_icons#/media/File:Utilities-system-monitor.svg
- virtual collection: https://commons.wikimedia.org/wiki/File:Mail-attachment.svg
- language observatory: https://commons.wikimedia.org/wiki/File:Emojione_1F52D.svg (not in Tango, requires attribution according to CC) > needs to be mirrored as / gives a better impression than \
Alternatively, icons could be sourced from Font Awesome. The license seems to be quite permissive but we need to check if derivation is completely ok.
- content search: http://fontawesome.io/icon/search/
- centre registry: http://fontawesome.io/icon/map-marker/ or http://fontawesome.io/icon/globe/ or http://fontawesome.io/icon/database/
- monitoring: http://fontawesome.io/icon/bar-chart/ or http://fontawesome.io/icon/tachometer/
- virtual collection: http://fontawesome.io/icon/paperclip/
- language observatory: http://fontawesome.io/icon/globe/ or http://fontawesome.io/icon/eye/
Comment (Jörg Knappen): I think the fontawesome "globe" is unsuitable for a European project: it shows a "globe" consisting only of the North American continent.
Terminology and usablity
- replace login by sign in
Comment (Jörg Knappen) I have read the discussion quoted above and I am not sure about it, because of the "sign up" (= register) and "sign in" (=login) confusability.