Brand Assets
This document provides official Noderr Protocol brand assets and guidelines.
Download All Brand Assets (7.0 MB ZIP)
Includes logos, color palettes, diagrams, and design guidelines.
Logo
The Noderr logo is available in multiple formats and variants:
Download Package Includes:
- logo.png: Primary logo (PNG format)
- logo-dark.png: Dark background variant
- logo-white.png: Light background variant
- logo-symbol.png: Symbol only
All logos are provided in high-resolution PNG format suitable for web and print applications.
Brand Colors
Primary Colors (50% of palette)
| Color Name | Hex Code | RGB | Usage |
|---|---|---|---|
| Iris Blue | #0066CC | 0, 102, 204 | Primary brand elements, headers, buttons |
| Iris Blue 20 | #0052A3 | 0, 82, 163 | Hover states, secondary elements |
| Iris Blue 30 | #003D7A | 0, 61, 122 | Active states, accents |
Supporting Colors (40% of palette)
| Color Name | Hex Code | RGB | Usage |
|---|---|---|---|
| Mariner | #3C6292 | 60, 98, 146 | Section headers, supporting graphics |
| Caribbean Green | #00B0C9 | 0, 176, 201 | Success states, positive messaging |
| Caribbean Green 20 | #00A3B8 | 0, 163, 184 | Hover states, secondary accents |
Accent Colors (10% of palette)
| Color Name | Hex Code | RGB | Usage |
|---|---|---|---|
| Lightning Yellow | #FFD933 | 255, 217, 51 | Call-to-action, highlights |
| Coral Red | #FF5A5A | 255, 90, 90 | Warnings, alerts, errors |
| Lavender | #B0D3FF | 176, 211, 255 | Secondary accents, backgrounds |
Neutral Colors
| Color Name | Hex Code | RGB | Usage |
|---|---|---|---|
| Deep Blue-Black | #0F1213 | 15, 18, 19 | Dark mode background (primary) |
| Grey 90 | #1A1A1A | 26, 26, 26 | Primary text on light backgrounds |
| Grey 80 | #333333 | 51, 51, 51 | Secondary text |
| Grey 70 | #4D4D4D | 77, 77, 77 | Tertiary text, dividers |
| White | #FFFFFF | 255, 255, 255 | Light mode background, text on dark |
Typography
Font Families
- Primary Font: Inter
- Heading Font: Inter Bold
- Code Font: Courier New
Font Sizes
| Element | Size | Weight | Usage |
|---|---|---|---|
| H1 (Page Title) | 48px | Bold (700) | Primary page headings |
| H2 (Section) | 32px | Bold (700) | Section headings |
| H3 (Subsection) | 24px | Bold (700) | Subsection headings |
| Body Text | 16px | Regular (400) | Main content |
| Small Text | 14px | Regular (400) | Captions, metadata |
| Code | 14px | Regular (400) | Code blocks |
Logo Usage Guidelines
DO:
- Use the logo on contrasting backgrounds
- Maintain clear space around the logo
- Use the official color variants
- Scale proportionally
DON'T:
- Distort or stretch the logo
- Change the logo colors
- Add effects or shadows
- Use outdated logo versions
Color Usage Guidelines
Light Mode
- Background: White (
#FFFFFF) - Text: Deep Blue-Black (
#0F1213) - Accents: Iris Blue (
#0066CC), Caribbean Green (#00B0C9)
Dark Mode
- Background: Deep Blue-Black (
#0F1213) - Text: White (
#FFFFFF) - Accents: Iris Blue (
#0066CC), Caribbean Green (#00B0C9)
Brand Voice & Tone
- Professional: Institutional-grade quality
- Transparent: Clear communication of facts
- Innovative: Forward-thinking technology
- Trustworthy: Reliable and secure
Contact
For brand asset requests or questions about brand guidelines, please contact our team.