texecom style guide 2
TRANSCRIPT
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