Ceno Browser | Brand and Style Guide

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.