texecom style guide 2

B R A N D G U I D E L I N E S

COLOURS

1

HEX#: E13131RGB: 225, 49, 49CMYK: 6, 95, 91, 0

C I N N A B A R

HEX#: 1E73A5RGB: 30, 115, 165CMYK: 87, 50, 16, 1

M A T I S S E

HEX#: 1C99E0RGB: 28, 153, 224CMYK: 73, 27, 0, 0

C U R I O U SB L U E

HEX#: F59000RGB: 225, 49, 49CMYK: 245, 144, 0

C A L I F O R N I A

HEX#: CCCCCCRGB: 204, 204, 204CMYK: 19, 15, 16, 0

A LT O

HEX#: 40B03ARGB: 64, 176, 58CMYK: 75, 3, 100, 0

A P P L E

HEX#: 5E5E5ERGB: 94, 94, 94CMYK: 62, 54, 53, 25

D O V EG R A Y

ICONS

2

Alarm Status Icons

Alarm Status Active Icons

Alarm Status Inactive Icons

Menu Icons

Menu Active Icons

Menu Inactive Icons

Home Calendar Rooms Recipes Menu

Home Calendar Rooms Recipes Menu

Home Page Calendar Summary Icons

Single Item Icons (i.e. Calendar Icons that Contain 1 Event)

Multiple Item Icons (i.e. Calendar Icons that Contain More Than 1 Event)

99

Camera Icons

Camera Menu Icon

Camera Calendar Icon

ICONS

3

Cause Icons

Cause Icons in Recipes & Modes

Cause Icons in Calendar

Top Level Icons

Room / Group / Mode / Recipe Icons

Room / Group / Mode / Recipe Calendar Icons

Alarm Status Recipe and Calendar Icons

Recipe / Mode Icons

Calendar Icons

ICONS

4

Effect IconsEffect Icons in Recipes & Modes

Effect Icons in Calendar

Logic IconsRecipe / Mode Icons

TYPOGRAPHY

5

Aa ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890(,.;:?!$&*)

Roboto

Weight: 100

Style: normal

Aa ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890(,.;:?!$&*)

Roboto

Weight: 300

Style: normal

Aa ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890(,.;:?!$&*)

Roboto

Weight: 400

Style: normal

Font: RobotoWeight: normalStyle: normalSize: 100pxLine Height: 1

FONT STYLES

6

Text Color: #5E5E5EBackground: #FFFFFFWHEN

Big Titles

Font: RobotoWeight: normalStyle: normalSize: 45pxLine Height: 1

Text Color: #FFFFFFBackground: #2F97D3

All Recipes

All Recipes

Title 1

Font: RobotoWeight: normalStyle: normalSize: 45pxLine Height: 1

Text Color: #FFFFFFBackground: #2F97D3

Title 2

Font: RobotoWeight: normalStyle: normalSize: 30pxLine Height: 1

FONT STYLES

7

Text Color: #5E5E5EBackground: #FFFFFF

Lorem Ipsum Dolor

Normal Text 1

Font: RobotoWeight: normalStyle: normalSize: 25pxLine Height: 1

Text Color: #5E5E5EBackground: #FFFFFF

Lorem Ipsum Dolor

Normal Text 2

BUTTONS, MENU & SWITCHES

8

BUTTONS, MENU & SWITCHES

9