Sencha Style Guide

Brand guidelines for designers and developers

Typography


Typeface

The primary font that must be used for all products is Open Sans.

Header 1


FONT

Open Sans


WEIGHT

light


SIZE

16px


TEXT COLOR

#FFFFFF

Header 2


FONT

Open Sans


WEIGHT

bold


SIZE

13px


TEXT COLOR

#1A1A1A

Body


FONT

Open Sans


WEIGHT

light


SIZE

13px


TEXT COLOR

#1A1A1A

Navigation


FONT

Open Sans


WEIGHT

regular


SIZE

13px


TEXT COLOR

#1A1A1A

#BCBCBC

Button Small


FONT

Open Sans


WEIGHT

regular


SIZE

12px


TEXT COLOR

#1A1A1A

#FFFFFF

Button Medium


FONT

Open Sans


WEIGHT

regular


SIZE

14px


TEXT COLOR

#1A1A1A

#FFFFFF

Button Large


FONT

Open Sans


WEIGHT

regular


SIZE

16px


TEXT COLOR

#1A1A1A

#FFFFFF



Example Application

Less is more, avoid unnecessary rules or solid blocks of colors. Layouts should feel light and airy; not dark and dense.