Style Guide
The CLARIN house style has been developed. It is described here 1. While the logo remains, it differs significantly from the previous 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.
Human interface guidelines
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
Logo
High resolution image files of various variations of the CLARIN logo are available at the CLARIN community logos page.
Transparent versions (more or less officially sanctioned):
- Transparent PNG without white lines (by Twan Goosen)
- Horizontal transparent PDF (by Pavel Stranak)
- Horizontal transparent SVG (by Pavel Stranak)
- Vertical transparent PDF (by Pavel Stranak)
- Vertical transparent SVG (by Pavel Stranak)
Previous discussions
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.
Meetings
Notes
1 Original style guide was published, as delivered by Studio Velmans, at http://www.clarin.studiovelmans.nl/styleguide.html.
