Designer Guide
Neurodesk Design Style Guide
Section titled “Neurodesk Design Style Guide”This style guide provides clear standards to ensure visual consistency across all Neurodesk platforms and materials.
Brand overview
Section titled “Brand overview”Neurodesk is a community-oriented open-source solution for neuroimaging analysis with four guiding principles: accessibility, portability, flexibility and, overarchingly, reproducibility. This guide ensures visual consistency across all Neurodesk products and documentation.
Logo usage
Section titled “Logo usage”Below are official Neurodesk logos available for download. Please refer to the examples below for acceptable usage.
Acceptable logo usage
Section titled “Acceptable logo usage”Use these logos on light or neutral backgrounds.
Simple logo
Section titled “Simple logo”
Inclusivity and Pride logo
Section titled “Inclusivity and Pride logo”
Horizontal format logo
Section titled “Horizontal format logo”
Logos for dark backgrounds
Section titled “Logos for dark backgrounds”These logos are optimised for use on dark backgrounds.
Simple logo
Section titled “Simple logo”
Inclusivity and Pride logo
Section titled “Inclusivity and Pride logo”
Other variants
Section titled “Other variants”No image
Colour palette
Section titled “Colour palette”You can download the official Neurodesk colour palette file for design use:
Primary colours
Section titled “Primary colours”| Colour name | Hex code | RGB code | Usage |
|---|---|---|---|
| Seafoam green | #6aa329 | (106, 163, 41) | Primary actions |
Secondary colours
Section titled “Secondary colours”| Colour name | Hex code | RGB code | Usage |
|---|---|---|---|
| Black | #0c0e0a | (5, 8, 2) | Regular text, menu bar |
| Darkest green | #161c10 | (16, 24, 6) | Successful selection |
| Muted olive green | #1e2a16 | (26, 41, 10) | Accent background |
| Dark olive green | #4f7b38 | (79, 122, 31) | Selected buttons, hyperlinks |
| Light green | #b7d886 | (181, 224, 133) | Hover over a button |
| Lighter green | #d3e7b6 | (211, 237, 182) | |
| Verdant haze | #e6f1d6 | (230, 245, 214) | Unselected buttons |
| Pale lime green | #f0f7e7 | (240, 249, 231) | |
| White | #ffffff | (255, 255, 255) |
Naming and capitalisation guidelines
Section titled “Naming and capitalisation guidelines”To ensure consistency in our branding, please follow the guidelines below when referring to Neurodesk and its associated tools.
Correct usage
Section titled “Correct usage”- Neurodesk: capitalise only the first letter.
neurodeskorNEURODESKmay be used if better suited to the context.
- Use “Neurodesk” to refer to the overall project, platform, or community.
- Use consistent casing in product names:
- Neurodesktop
- Neurocommand
- Neurocontainers
- NeurodeskApp
Do not use
Section titled “Do not use”Avoid the following incorrect variations:
- neuroDesk
- neurodesk in titles or headings
- neurodesk
Typography
Section titled “Typography”Font families for website
Section titled “Font families for website”- Logo: Scirich
- Headings: Pontano
- Body text: Pontano
- Code blocks: Menlo
Template presentations
Section titled “Template presentations”Slide decks
Section titled “Slide decks”Neurodesk Overview Slides (accessible for the Neurodesk team)
To request access, please email mail.neurodesk@gmail.com.