Hive Home Living Style Guide

Colours

Main colours

Cranberry - [ Red ]
#e12948
Orange - [ Orange ]
#ff7a00
Merigold - [ Gold ]
#ffb936
Butter - [ Yellow Dark ]
#ffd536
Lemon - [ Yellow ]
#fee933
Lime - [ Lime ]
#b4d627
Emerald - [ Green ]
#3de8ab
Sapphire - [ Blue ]
#3d61e8
Violet - [ Purple ]
#8936ff

Neutral colours

Midnight - [ Gray darkest ]
#293d48
Slate - [ Gray dark ]
#33495b
Evening - [ Gray ]
#5c6d7c
Graphite - [ Gray light ]
#ccd2d6
Stone - [ Gray lightest ]
#e0e4e6
Chalk - [ Gray white ]
#f4f5f6
White - [ White ]
#fff

* [ ... ] Denotes code-based naming

Typography

This is Bariol font.
Our brand typeface.

We have amazing products and services for the connected home – and now we have a connected identity system. We’ve updated our brand elements so that they work together – a design system that will work flexibly and consistently in digital and physical environments. They help our brand to reflect our brand position ‘Hive helps you live brilliantly’.

Bariol Regular

60 Bariol Regular .display-1

48 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular

36 Bariol Regular

28 Bariol Regular

24 Bariol Regular

20 Bariol Regular
18 Bariol Regular

16 Bariol Regular

14 Bariol Regular


Bariol Medium

60 Bariol Medium .display-1

48 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

36 Bariol Medium

28 Bariol Medium

24 Bariol Medium

20 Bariol Medium
18 Bariol Medium

16 Bariol Medium

14 Bariol Medium

Alerts

Breadcrumb

Buttons

Primary

Secondary

Sapphire

Cranberry

White

Destructive

Cards

H1-1

What's right for you?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis consequat orci eget erat ullamcorper, eget rutrum dui malesuada.

Start Quiz What to cover Btn-play-gray
20% off
H1-2

Save 20% off Hive View cameras

Get peace of mind that your home's protected this Christmas with our Outdoor Camera, now includes Video Playback.

20% off
H1-2

Save 20% off Hive View cameras

Get peace of mind that your home's protected this Christmas with our Outdoor Camera, now includes Video Playback.

Forms


5




Hero

Hero desktop style

Hero-placeholder

Title goes here

Subtitle goes Here

Unlock our Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hero mobile style

Hero-placeholder-sm

Title goes here

Subtitle goes Here

Unlock our Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Icons

Default SVG icons

icon-actions Created with Sketch.
icon-actions
icon-advance Created with Sketch.
icon-advance
icon-alert Created with Sketch.
icon-alert
icon-call Created with Sketch.
icon-call
icon-away Created with Sketch.
icon-away
icon-back Created with Sketch.
icon-back
icon-bathroom Created with Sketch.
icon-bathroom
icon-battery-empty Created with Sketch.
icon-battery-empty
icon-battery-full Created with Sketch.
icon-battery-full
icon-battery-quarter Created with Sketch.
icon-battery-quarter
icon-battery-three quarters Created with Sketch.
icon-battery-three-quarters
icon-bluetooth Created with Sketch.
icon-bluetooth
icon-boiler-iq Created with Sketch.
icon-boiler-iq
icon-boost Created with Sketch.
icon-boost
icon-button Created with Sketch.
icon-button
icon-call Created with Sketch.
icon-call
icon-camera Created with Sketch.
icon-camera
icon-clear Created with Sketch.
icon-clear
icon-clock Created with Sketch.
icon-clock
icon-close Created with Sketch.
icon-close
icon-coffee Created with Sketch.
icon-coffee
icon-colour Created with Sketch.
icon-colour
icon-compose Created with Sketch.
icon-compose
icon-connected Created with Sketch.
icon-connected
icon-controls Created with Sketch.
icon-controls
icon-copy Created with Sketch.
icon-copy
icon-cupboard Created with Sketch.
icon-cupboard
icon-cuttlery-drawer Created with Sketch.
icon-cuttlery-drawer
icon-dashboard Created with Sketch.
icon-dashboard
icon-decreased Created with Sketch.
icon-decreased
icon-delete Created with Sketch.
icon-delete
icon-deliver Created with Sketch.
icon-deliver
icon-device-page Created with Sketch.
icon-device-page
icon-dimmer Created with Sketch.
icon-dimmer
icon-dog-barking Created with Sketch.
icon-dog-barking
icon-door-back Created with Sketch.
icon-door-back
icon-door-front Created with Sketch.
icon-door-front
icon-door-sensor Created with Sketch.
icon-door-sensor
icon-down Created with Sketch.
icon-down
icon-forward Created with Sketch.
icon-down-arrow
icon-download Created with Sketch.
icon-download
icon-email Created with Sketch.
icon-email
icon-explore Created with Sketch.
icon-explore
icon-ext-link Created with Sketch.
icon-ext-link
icon-falling Created with Sketch.
icon-falling
icon-fan-off Created with Sketch.
icon-fan-off
icon-film-quality Created with Sketch.
icon-film-quality
icon-filter Created with Sketch.
icon-filter
icon-fingerprint Created with Sketch.
icon-fingerprint
icon-flow-high Created with Sketch.
icon-flow-high
icon-flow-low Created with Sketch.
icon-flow-low
icon-forward-video Created with Sketch.
icon-forward-video
icon-forward Created with Sketch.
icon-forward
icon-fridge-door Created with Sketch.
icon-fridge-door
icon-frost-protect Created with Sketch.
icon-frost-protect
icon-full-access Created with Sketch.
icon-full-access
icon-fullscreen Created with Sketch.
icon-fullscreen
icon-glass-breaking Created with Sketch.
icon-glass-breaking
icon-group Created with Sketch.
icon-group
icon-hallway Created with Sketch.
icon-hallway
icon-heating-na Created with Sketch.
icon-heating-na
icon-heating Created with Sketch.
icon-heating
icon-help Created with Sketch.
icon-help
icon-hive Created with Sketch.
icon-hive
icon-hive Created with Sketch.
icon-hive-white
icon-holidaymode Created with Sketch.
icon-holidaymode
icon-home Created with Sketch.
icon-home
icon-hot-water Created with Sketch.
icon-hot-water
icon-hub-360 Created with Sketch.
icon-hub-360
icon-hub-nano Created with Sketch.
icon-hub-nano
icon-hub-nano2 Created with Sketch.
icon-hub-nano2
icon-humidity Created with Sketch.
icon-humidity
icon-incorrect-sound Created with Sketch.
icon-incorrect-sound
icon-increased Created with Sketch.
icon-increased
icon-info Created with Sketch.
icon-info
icon-insights Created with Sketch.
icon-insights
icon-install-devices Created with Sketch.
icon-install-devices
icon-kettle Created with Sketch.
icon-kettle
icon-kitchen Created with Sketch.
icon-kitchen
icon-lamp Created with Sketch.
icon-lamp
icon-leak Created with Sketch.
icon-leak
icon-left Created with Sketch.
icon-left
icon-light Created with Sketch.
icon-light
icon-link-broken Created with Sketch.
icon-link-broken
icon-link Created with Sketch.
icon-link
icon-list Created with Sketch.
icon-list
icon-liveingroom Created with Sketch.
icon-livingroom
icon-lock Created with Sketch.
icon-lock
icon-logout Created with Sketch.
icon-logout
icon-mastercard Created with Sketch.
icon-mastercard
icon-menu Created with Sketch.
icon-menu
icon-microphone-off Created with Sketch.
icon-microphone-off
icon-microphone Created with Sketch.
icon-microphone
icon-microwave Created with Sketch.
icon-microwave
icon-mimic Created with Sketch.
icon-mimic
icon-minimisescreen Created with Sketch.
icon-minimisescreen
icon-minus Created with Sketch.
icon-minus
icon-mode-settings Created with Sketch.
icon-mode-settings
icon-monitor off Created with Sketch.
icon-monitor-off
icon-monitor on Created with Sketch.
icon-monitor-on
icon-motion-detected Created with Sketch.
icon-motion-detected
icon-motion-man Created with Sketch.
icon-motion-man
icon-motion-sensor Created with Sketch.
icon-motion-sensor
icon-multi-choice-off Created with Sketch.
icon-multi-choice-off
icon-multi-choice-on Created with Sketch.
icon-multi-choice-on
icon-multi-user Created with Sketch.
icon-multi-user
icon-night-vision Created with Sketch.
icon-night-vision
icon-not-flowing Created with Sketch.
icon-not-flowing
icon-notifications-off Created with Sketch.
icon-notifications-off
icon-notifications-on Created with Sketch.
icon-notifications-on
icon-notifications-settings Created with Sketch.
icon-notifications-settings
icon-order-placed Created with Sketch.
icon-order-placed
icon-orders Created with Sketch.
icon-orders
icon-overflow Created with Sketch.
icon-overflow
icon-password-hide Created with Sketch.
icon-password-hide
icon-password-show Created with Sketch.
icon-password-show
icon-pause Created with Sketch.
icon-pause
icon-payment Created with Sketch.
icon-payment
icon-paypal Created with Sketch.
icon-paypal
icon-philips-hue-bridge Created with Sketch.
icon-philips-hue-bridge
icon-photo Created with Sketch.
icon-photo
icon-play Created with Sketch.
icon-play
icon-plug-eu Created with Sketch.
icon-plug-eu
icon-plug-in Created with Sketch.
icon-plug-in
icon-plug-na Created with Sketch.
icon-plug-na
icon-plug-uk Created with Sketch.
icon-plug-uk
icon-plus Created with Sketch.
icon-plus
icon-power Created with Sketch.
icon-power
icon-previous-video Created with Sketch.
icon-previous-video
icon-push-notifications Created with Sketch.
icon-push-notifications
icon-question Created with Sketch.
icon-question
icon-quick-actions Created with Sketch.
icon-quick-actions
icon-reassurance Created with Sketch.
icon-reassurance
icon-receiver-dual Created with Sketch.
icon-receiver-dual
icon-receiver Created with Sketch.
icon-receiver
icon-record Created with Sketch.
icon-record
icon-refer-a-friend Created with Sketch.
icon-refer-a-friend
icon-reload Created with Sketch.
icon-reload
icon-reorder Created with Sketch.
icon-reorder
icon-right Created with Sketch.
icon-right
icon-sales Created with Sketch.
icon-sales
icon-schedule Created with Sketch.
icon-schedule
icon-search Created with Sketch.
icon-search
icon-security-away Created with Sketch.
icon-security-away
icon-security-away Created with Sketch.
icon-security-away-white
icon-security-home Created with Sketch.
icon-security-home
icon-security-privacy Created with Sketch.
icon-security-privacy
icon-send Created with Sketch.
icon-send
icon-service-status Created with Sketch.
icon-service-status
icon-settings Created with Sketch.
icon-settings
icon-shop Created with Sketch.
icon-shop
icon-signal-1bar Created with Sketch.
icon-signal-1bar
icon-signal-2bar Created with Sketch.
icon-signal-2bar
icon-signal-3bar Created with Sketch.
icon-signal-3bar
icon-signal-4bar Created with Sketch.
icon-signal-4bar
icon-signal-booster-plug Created with Sketch.
icon-signal-booster-plug
icon-signal-booster-uk Created with Sketch.
icon-signal-booster-uk
icon-single-choice-off Created with Sketch.
icon-single-choice-off
icon-single-choice-on Created with Sketch.
icon-single-choice-on
icon-smoke Created with Sketch.
icon-smoke
icon-sound-detected Created with Sketch.
icon-sound-detected
icon-sound-off Created with Sketch.
icon-sound-off
icon-sound-on Created with Sketch.
icon-sound-on
icon-spinner Created with Sketch.
icon-spinner
icon-star
icon-star-half
icon-stop Created with Sketch.
icon-stop
icon-sunrise Created with Sketch.
icon-sunrise
icon-tanks Created with Sketch.
icon-tanks
icon-television Created with Sketch.
icon-television
icon-temp Created with Sketch.
icon-temp
icon-text-size Created with Sketch.
icon-text-size
icon-text Created with Sketch.
icon-text
icon-thermostat-gen-1 Created with Sketch.
icon-thermostat-gen-1
icon-thermostat-gen-2 Created with Sketch.
icon-thermostat-gen-2
icon-thermostat-gen-3 Created with Sketch.
icon-thermostat-gen-3
icon-thermostat-gen-4 Created with Sketch.
icon-thermostat-gen-4
icon-thumb-down Created with Sketch.
icon-thumb-down
icon-thumb-up Created with Sketch.
icon-thumb-up
icon-tick Created with Sketch.
icon-tick
icon-toaster Created with Sketch.
icon-toaster
icon-toilet Created with Sketch.
icon-toilet
icon-tone Created with Sketch.
icon-tone
icon-trv Created with Sketch.
icon-trv
icon-unavailable Created with Sketch.
icon-unavailable
icon-up Created with Sketch.
icon-up
icon-forward Created with Sketch.
icon-down-arrow
icon-user Created with Sketch.
icon-user
icon-view-outdoor Created with Sketch.
icon-view-outdoor
icon-view Created with Sketch.
icon-view
icon-visa Created with Sketch.
icon-visa
icon-white-label-camera Created with Sketch.
icon-white-label-camera
icon-white Created with Sketch.
icon-white
icon-wifi-active-full Created with Sketch.
icon-wifi-active-full
icon-wifi-locked-full Created with Sketch.
icon-wifi-locked-full
icon-window Created with Sketch.
icon-window

Stroke width 1px SVG icons

icon-actions Created with Sketch.
icon-actions
icon-advance Created with Sketch.
icon-advance
icon-alert Created with Sketch.
icon-alert
icon-call Created with Sketch.
icon-call
icon-away Created with Sketch.
icon-away
icon-back Created with Sketch.
icon-back
icon-bathroom Created with Sketch.
icon-bathroom
icon-battery-empty Created with Sketch.
icon-battery-empty
icon-battery-full Created with Sketch.
icon-battery-full
icon-battery-quarter Created with Sketch.
icon-battery-quarter
icon-battery-three quarters Created with Sketch.
icon-battery-three-quarters
icon-bluetooth Created with Sketch.
icon-bluetooth
icon-boiler-iq Created with Sketch.
icon-boiler-iq
icon-boost Created with Sketch.
icon-boost
icon-button Created with Sketch.
icon-button
icon-call Created with Sketch.
icon-call
icon-camera Created with Sketch.
icon-camera
icon-clear Created with Sketch.
icon-clear
icon-clock Created with Sketch.
icon-clock
icon-close Created with Sketch.
icon-close
icon-coffee Created with Sketch.
icon-coffee
icon-colour Created with Sketch.
icon-colour
icon-compose Created with Sketch.
icon-compose
icon-connected Created with Sketch.
icon-connected
icon-controls Created with Sketch.
icon-controls
icon-copy Created with Sketch.
icon-copy
icon-cupboard Created with Sketch.
icon-cupboard
icon-cuttlery-drawer Created with Sketch.
icon-cuttlery-drawer
icon-dashboard Created with Sketch.
icon-dashboard
icon-decreased Created with Sketch.
icon-decreased
icon-delete Created with Sketch.
icon-delete
icon-deliver Created with Sketch.
icon-deliver
icon-device-page Created with Sketch.
icon-device-page
icon-dimmer Created with Sketch.
icon-dimmer
icon-dog-barking Created with Sketch.
icon-dog-barking
icon-door-back Created with Sketch.
icon-door-back
icon-door-front Created with Sketch.
icon-door-front
icon-door-sensor Created with Sketch.
icon-door-sensor
icon-down Created with Sketch.
icon-down
icon-forward Created with Sketch.
icon-down-arrow
icon-download Created with Sketch.
icon-download
icon-email Created with Sketch.
icon-email
icon-explore Created with Sketch.
icon-explore
icon-ext-link Created with Sketch.
icon-ext-link
icon-falling Created with Sketch.
icon-falling
icon-fan-off Created with Sketch.
icon-fan-off
icon-film-quality Created with Sketch.
icon-film-quality
icon-filter Created with Sketch.
icon-filter
icon-fingerprint Created with Sketch.
icon-fingerprint
icon-flow-high Created with Sketch.
icon-flow-high
icon-flow-low Created with Sketch.
icon-flow-low
icon-forward-video Created with Sketch.
icon-forward-video
icon-forward Created with Sketch.
icon-forward
icon-fridge-door Created with Sketch.
icon-fridge-door
icon-frost-protect Created with Sketch.
icon-frost-protect
icon-full-access Created with Sketch.
icon-full-access
icon-fullscreen Created with Sketch.
icon-fullscreen
icon-glass-breaking Created with Sketch.
icon-glass-breaking
icon-group Created with Sketch.
icon-group
icon-hallway Created with Sketch.
icon-hallway
icon-heating-na Created with Sketch.
icon-heating-na
icon-heating Created with Sketch.
icon-heating
icon-help Created with Sketch.
icon-help
icon-hive Created with Sketch.
icon-hive
icon-hive Created with Sketch.
icon-hive-white
icon-holidaymode Created with Sketch.
icon-holidaymode
icon-home Created with Sketch.
icon-home
icon-hot-water Created with Sketch.
icon-hot-water
icon-hub-360 Created with Sketch.
icon-hub-360
icon-hub-nano Created with Sketch.
icon-hub-nano
icon-hub-nano2 Created with Sketch.
icon-hub-nano2
icon-humidity Created with Sketch.
icon-humidity
icon-incorrect-sound Created with Sketch.
icon-incorrect-sound
icon-increased Created with Sketch.
icon-increased
icon-info Created with Sketch.
icon-info
icon-insights Created with Sketch.
icon-insights
icon-install-devices Created with Sketch.
icon-install-devices
icon-kettle Created with Sketch.
icon-kettle
icon-kitchen Created with Sketch.
icon-kitchen
icon-lamp Created with Sketch.
icon-lamp
icon-leak Created with Sketch.
icon-leak
icon-left Created with Sketch.
icon-left
icon-light Created with Sketch.
icon-light
icon-link-broken Created with Sketch.
icon-link-broken
icon-link Created with Sketch.
icon-link
icon-list Created with Sketch.
icon-list
icon-liveingroom Created with Sketch.
icon-livingroom
icon-lock Created with Sketch.
icon-lock
icon-logout Created with Sketch.
icon-logout
icon-mastercard Created with Sketch.
icon-mastercard
icon-menu Created with Sketch.
icon-menu
icon-microphone-off Created with Sketch.
icon-microphone-off
icon-microphone Created with Sketch.
icon-microphone
icon-microwave Created with Sketch.
icon-microwave
icon-mimic Created with Sketch.
icon-mimic
icon-minimisescreen Created with Sketch.
icon-minimisescreen
icon-minus Created with Sketch.
icon-minus
icon-mode-settings Created with Sketch.
icon-mode-settings
icon-monitor off Created with Sketch.
icon-monitor-off
icon-monitor on Created with Sketch.
icon-monitor-on
icon-motion-detected Created with Sketch.
icon-motion-detected
icon-motion-man Created with Sketch.
icon-motion-man
icon-motion-sensor Created with Sketch.
icon-motion-sensor
icon-multi-choice-off Created with Sketch.
icon-multi-choice-off
icon-multi-choice-on Created with Sketch.
icon-multi-choice-on
icon-multi-user Created with Sketch.
icon-multi-user
icon-night-vision Created with Sketch.
icon-night-vision
icon-not-flowing Created with Sketch.
icon-not-flowing
icon-notifications-off Created with Sketch.
icon-notifications-off
icon-notifications-on Created with Sketch.
icon-notifications-on
icon-notifications-settings Created with Sketch.
icon-notifications-settings
icon-order-placed Created with Sketch.
icon-order-placed
icon-orders Created with Sketch.
icon-orders
icon-overflow Created with Sketch.
icon-overflow
icon-password-hide Created with Sketch.
icon-password-hide
icon-password-show Created with Sketch.
icon-password-show
icon-pause Created with Sketch.
icon-pause
icon-payment Created with Sketch.
icon-payment
icon-paypal Created with Sketch.
icon-paypal
icon-philips-hue-bridge Created with Sketch.
icon-philips-hue-bridge
icon-photo Created with Sketch.
icon-photo
icon-play Created with Sketch.
icon-play
icon-plug-eu Created with Sketch.
icon-plug-eu
icon-plug-in Created with Sketch.
icon-plug-in
icon-plug-na Created with Sketch.
icon-plug-na
icon-plug-uk Created with Sketch.
icon-plug-uk
icon-plus Created with Sketch.
icon-plus
icon-power Created with Sketch.
icon-power
icon-previous-video Created with Sketch.
icon-previous-video
icon-push-notifications Created with Sketch.
icon-push-notifications
icon-question Created with Sketch.
icon-question
icon-quick-actions Created with Sketch.
icon-quick-actions
icon-reassurance Created with Sketch.
icon-reassurance
icon-receiver-dual Created with Sketch.
icon-receiver-dual
icon-receiver Created with Sketch.
icon-receiver
icon-record Created with Sketch.
icon-record
icon-refer-a-friend Created with Sketch.
icon-refer-a-friend
icon-reload Created with Sketch.
icon-reload
icon-reorder Created with Sketch.
icon-reorder
icon-right Created with Sketch.
icon-right
icon-sales Created with Sketch.
icon-sales
icon-schedule Created with Sketch.
icon-schedule
icon-search Created with Sketch.
icon-search
icon-security-away Created with Sketch.
icon-security-away
icon-security-away Created with Sketch.
icon-security-away-white
icon-security-home Created with Sketch.
icon-security-home
icon-security-privacy Created with Sketch.
icon-security-privacy
icon-send Created with Sketch.
icon-send
icon-service-status Created with Sketch.
icon-service-status
icon-settings Created with Sketch.
icon-settings
icon-shop Created with Sketch.
icon-shop
icon-signal-1bar Created with Sketch.
icon-signal-1bar
icon-signal-2bar Created with Sketch.
icon-signal-2bar
icon-signal-3bar Created with Sketch.
icon-signal-3bar
icon-signal-4bar Created with Sketch.
icon-signal-4bar
icon-signal-booster-plug Created with Sketch.
icon-signal-booster-plug
icon-signal-booster-uk Created with Sketch.
icon-signal-booster-uk
icon-single-choice-off Created with Sketch.
icon-single-choice-off
icon-single-choice-on Created with Sketch.
icon-single-choice-on
icon-smoke Created with Sketch.
icon-smoke
icon-sound-detected Created with Sketch.
icon-sound-detected
icon-sound-off Created with Sketch.
icon-sound-off
icon-sound-on Created with Sketch.
icon-sound-on
icon-spinner Created with Sketch.
icon-spinner
icon-star
icon-star-half
icon-stop Created with Sketch.
icon-stop
icon-sunrise Created with Sketch.
icon-sunrise
icon-tanks Created with Sketch.
icon-tanks
icon-television Created with Sketch.
icon-television
icon-temp Created with Sketch.
icon-temp
icon-text-size Created with Sketch.
icon-text-size
icon-text Created with Sketch.
icon-text
icon-thermostat-gen-1 Created with Sketch.
icon-thermostat-gen-1
icon-thermostat-gen-2 Created with Sketch.
icon-thermostat-gen-2
icon-thermostat-gen-3 Created with Sketch.
icon-thermostat-gen-3
icon-thermostat-gen-4 Created with Sketch.
icon-thermostat-gen-4
icon-thumb-down Created with Sketch.
icon-thumb-down
icon-thumb-up Created with Sketch.
icon-thumb-up
icon-tick Created with Sketch.
icon-tick
icon-toaster Created with Sketch.
icon-toaster
icon-toilet Created with Sketch.
icon-toilet
icon-tone Created with Sketch.
icon-tone
icon-trv Created with Sketch.
icon-trv
icon-unavailable Created with Sketch.
icon-unavailable
icon-up Created with Sketch.
icon-up
icon-forward Created with Sketch.
icon-down-arrow
icon-user Created with Sketch.
icon-user
icon-view-outdoor Created with Sketch.
icon-view-outdoor
icon-view Created with Sketch.
icon-view
icon-visa Created with Sketch.
icon-visa
icon-white-label-camera Created with Sketch.
icon-white-label-camera
icon-white Created with Sketch.
icon-white
icon-wifi-active-full Created with Sketch.
icon-wifi-active-full
icon-wifi-locked-full Created with Sketch.
icon-wifi-locked-full
icon-window Created with Sketch.
icon-window

Lists

list-group

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

list-group-item

list-group-flush

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

list-group-horizontal

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus

list-group-item-*

  • Dapibus ac facilisis in
  • A simple primary list group item
  • A simple secondary list group item
  • A simple success list group item
  • A simple danger list group item
  • A simple warning list group item
  • A simple info list group item
  • A simple light list group item
  • A simple dark list group item

list-group-item-action

Modal

Dev Tools
AB tests
AB.bnaUpsell
AB.pdpBuyPage
Environments