Specifications

23 | USER INTERFACE
DESIGN GUIDE
Swatch Element Color Opacity
Task and Utility Bars RGB: 24, 24, 24 ; Hex: #181818FF
Horizontal Accent Bars RGB: 43, 43, 43 ; Hex: #2B2B2BFF
Vertical Accent Bars (Tabs) RGB: 45, 45, 45 ; Hex: #2D2D2DFF
Sub-nav Background RGB: 45, 45, 45 ; Hex: #2D2D2DFF
Pane Background RGB: 72, 72, 72 ; Hex: #484848FF
Button Feedback - Off RGB: 29, 29, 29 ; Hex: #1D1D1DFF
Button Feedback – On RGB: 31, 171, 219 ; Hex: #21ABDBFF
Button Fill RGB: 78, 78, 78 ; Hex: #4E4E4EFF
Icon – Main Nav – Off RGB: 165, 165, 165 ; Hex: #A4A5A5FF
Icon – Nav – Room – On RGB: 0, 122, 246 ; Hex: #007AF6FF
Icon – Nav – Source – On RGB: 184, 216, 0 ; Hex: #B8D800FF
Text – Main Nav RGB: 217, 217, 217 ; Hex: #D9D9D9DB Opacity 220
WHITE Calendar Timeline – Odd – Off RGB: 0, 0, 0 ; Hex: #FFFFFFFF
Calendar Timeline – Even – Off RGB: 242, 242, 242 ; Hex: #F2F2F2FF
Calendar Timeline – On RGB: 33, 171, 219 ; Hex: #21ABDBFF
Calendar Timeline Labels RGB: 199, 199, 199 ; Hex: #C7C7C7FF
Figure 8: Modero X Panoramic Template Color Palette