Brand and Style Guide
Logo
In order to preserve accessibility, the color version must be used in white backgrounds and the opposite.
Logo
Logo Icon
Colors
These are the colors that represent Ceno’s brand identity.
Primary Color
Light Blue
#0EA5E9
Secondary Color
Orange
#F97316
UI Colors
For accessibility and readability reasons, here’s the extended Color Palette of 10 different shades of both brand colors. When colors are used in text, according to Web Content Accessibility Guidelines (WCAG) 2, Level AA requires the contrast ratio to be at least 4.5:1. Any color of the palette can be used if this requirement is met.
Light Blue
50
#F0F9FF
500
#0EA5E9
100
#E0F2FE
600
#0284C7
200
#BAE6FD
700
#0369A1
300
#7DD3FC
800
#075985
400
#38BDF8
900
#0284C7
Orange
50
#FFF7ED
500
#F97316
100
#FFEDD5
600
#EA580C
200
#FED7AA
700
#C2410C
300
#FDBA74
800
#9A3412
400
#FB923C
900
#7C2D12
Typography
Primary
Metropolis is used as primary font of the visual identity. It can be used in lower and upper cases. It comes with a family of styles. This font is used in texts such as titles and headers.
Secondary
Inter is used as secondary font of the visual identity. It can be used in lower and upper cases. It comes with a family of styles. This font is used in texts such as body texts.