Brand
The CentreCareOS logo, colors, and type, and the guidelines for using them. Everything here is free to use when you write about CentreCareOS or build with it.
Logo files
Use the files as they are. Keep clear space around the logo equal to one ring segment, and do not recolor, stretch, rotate, or retype it.
Logo
Ring and wordmark. Use on light or navy backgrounds.
Logo on navy
The same artwork. The teals hold their contrast on navy.
App icon
The ring with OS. For app stores and small squares.
Ring
The symbol alone, as a vector. A white version is included.
Color
One teal, carried by navy and white. Teal is the only accent, so a little of it goes a long way.
- Teal
- HEX
- #16A286
- RGB
- 22 162 134
Actions and the brand accent
- Navy
- HEX
- #0C1322
- RGB
- 12 19 34
Navigation and dark surfaces
- Ink
- HEX
- #0B0E13
- RGB
- 11 14 19
Text
- White
- HEX
- #FFFFFF
- RGB
- 255 255 255
Pages and cards
The logo artwork uses three teals: #12AE9D (logo teal), #37706F (deep), #489291 (muted).
Typeface
Inter, in four weights, for everything. Hierarchy comes from size and weight. Inter is free and open source from rsms.me/inter.
Aa
RegularMediumSemiboldBold
The name
CentreCareOS is one word, with a capital C, C, O, and S. Please do not split it, abbreviate it, or set it in capitals.
- CentreCareOSCorrect
- Centre Care OSAvoid
- CenterCareOSAvoid
- CENTRECAREOSAvoid
The full guidelines
Clear space, misuse, the ring's geometry and motion, the full palette, type scale, icons, components, imagery, and voice. Questions go to support@centrecareos.com.