Open-CIS Brand Kit

Finalizing "The Archetype Brick" concept with stacked isometric studs.

Animated Concept (Hero / Loading)

Color Palette

Archetype Blue

#005EB8

RGB: 0, 94, 184

HSL: 209, 100%, 36%

Foundation Orange

#F39200

RGB: 243, 146, 0

HSL: 36, 100%, 48%

Clinical Neutrals

Slate Scale

Used for UI scaffolding, data high-density views, and system typography.

Light Mode Lockup

opencis

Dark Mode Lockup

opencis

Typography & Hierarchy

Primary Brand Font

Inter Black

Inter Light

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

Logo Construction

open cis

Weight contrast (Light vs Black) represents the transition from generic open-source foundations to robust clinical-specific tools.

H1 Page Title

H2 Section Heading

Body text: Efficient clinical interfaces require high-legibility sans-serif fonts to reduce cognitive load during patient care. Inter provides excellent clarity for numerical health data.

Scale Testing & Favicons

App Icon
Favicon
Social Icon
OC
Glyph Only