Sencha Style Guide

Brand guidelines for designers and developers

Web Typography


Typeface

The preferred typeface to use is Effra. Use Adobe Typekit to sync the Effra typeface, if this is not an option, use Source Sans Pro (Google Font) or Helvetica.

Header 1


FONT

Effra


WEIGHT

light


SIZE

60px


TEXT COLOR

#86BC40

Header 2


FONT

Effra


WEIGHT

regular


SIZE

36px


TEXT COLOR

#024059

Header 3


FONT

Effra


WEIGHT

regular


SIZE

30px


TEXT COLOR

#86BC40

Header 4


FONT

Effra


WEIGHT

bold


SIZE

24px


TEXT COLOR

#024059

Header 5


FONT

Effra


WEIGHT

bold


SIZE

19px


TEXT COLOR

#025B80

Body Text


FONT

Effra


WEIGHT

light


SIZE

16px


TEXT COLOR

#1A1A1A

Text Links


FONT

Effra


WEIGHT

regular


SIZE

16px


TEXT COLOR

#0A8CC6

Text Links On Hover


FONT

Effra


WEIGHT

regular, underlined


SIZE

16px


TEXT COLOR

#025B80

Header 1


Header 2


Header 3


Header 4


Header 5

Body Text

Text Links


Example Layout

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



This is an Awesome Headline

Header 2 is Pretty Cool Too


So is Header 5

Lorem ipsum dolor sit amet, iuvaret partiendo molestiae ad per. Has denique placerat ut. Qui quando option quaeque ex. An vero doctus disputando eum. Id pri intellegebat delicatissimi, ex quo nonumes nominati concludaturque. Ad assum facete usu, cum ut nulla movet vituperatoribus.

Hinc equidem deterruisset vix ex. Ne quo wisi nonumes nominavi, suas disputationi ut vel. At cum meliore suavitate scripserit, nobis quidam ad mea, eam wisi mutat consequat an. Vix eligendi apeirian ne, sit ea nostrum tincidunt conceptam. Ad persecuti liberavisse cum. At case sensibus instructior pri, ei facete contentiones usu.

Te nullam offendit pro, sale torquatos at nec. Vim an congue fastidii, mel iuvaret similique ei. Est dicam nominavi no. Ut mel summo putant veritus, choro postea omnesque ei mei. Sit sumo perfecto ex. An idque appareat has. Pri enim mucius repudiandae ne, nec nonumy nostrud indoctum eu, erant nominati eam.