Brand Guidelines¶
Open CIS uses "The Archetype Brick" as its visual identity -- isometric stacked bricks representing how openEHR archetypes compose together to build clinical structures.
Logo¶
The logo consists of two isometric bricks with studs:
- Top brick (Archetype Blue) -- represents the clinical archetype layer
- Bottom brick (Foundation Orange) -- represents the openEHR foundation
The wordmark uses weight contrast: open in light weight and cis in black weight, representing the transition from generic open-source foundations to robust clinical-specific tools.
Color Palette¶
Primary Colors¶
| Name | Hex | RGB | Usage |
|---|---|---|---|
| Archetype Blue | #005EB8 |
0, 94, 184 | Primary brand color, headings, links, top brick |
| Foundation Orange | #F39200 |
243, 146, 0 | Accent color, highlights, CTAs, bottom brick |
Neutrals¶
| Name | Hex | Usage |
|---|---|---|
| Slate 900 | #0f172a |
Primary text, dark backgrounds |
| Slate 500 | #64748b |
Secondary text |
| Slate 200 | #e2e8f0 |
Borders, dividers |
| Slate 50 | #f8fafc |
Light backgrounds |
Typography¶
| Role | Font | Weight |
|---|---|---|
| Logo "open" | Inter | Light (300) |
| Logo "cis" | Inter | Black (900) |
| Headings | Inter | Bold (700) |
| Body text | Inter | Regular (400) |
| Code | JetBrains Mono | Regular (400) |
Interactive Brand Kit¶
For the full interactive reference with animated logo concept, light/dark mode lockups, favicon scale testing, and typography specimens:
Assets¶
SVG logo and favicon files are available in the repository:
docs/site/docs/assets/logo.svg-- Logo mark (white top brick for dark backgrounds)docs/site/docs/assets/favicon.svg-- Favicon (simplified, no studs)docs/brand/brand-kit.html-- Full interactive brand kit
