Colours
Main colours
#e12948
#ff7a00
#ffb936
#ffd536
#fee933
#b4d627
#3de8ab
#3d61e8
#8936ff
Neutral colours
#293d48
#33495b
#5c6d7c
#ccd2d6
#e0e4e6
#f4f5f6
#fff
* [ ... ] Denotes code-based naming
Typography
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
Alert success
Important: Information text goes here.Alert danger
Important: Information text goes here.Alert warning
Important: Information text goes here.Alert info
Important: Information text goes here.Breadcrumb
Buttons
Primary
Secondary
Sapphire
Cranberry
White
Destructive
Cards
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
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.
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
Hero
Hero desktop style
Title goes here
Subtitle goes Here
Unlock our Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hero mobile style
Title goes here
Subtitle goes Here
Unlock our Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Icons
Default SVG icons
icon-actions
icon-advance
icon-alert
icon-call
icon-away
icon-back
icon-bathroom
icon-battery-empty
icon-battery-full
icon-battery-quarter
icon-battery-three-quarters
icon-bluetooth
icon-boiler-iq
icon-boost
icon-button
icon-call
icon-camera
icon-clear
icon-clock
icon-close
icon-coffee
icon-colour
icon-compose
icon-connected
icon-controls
icon-copy
icon-cupboard
icon-cuttlery-drawer
icon-dashboard
icon-decreased
icon-delete
icon-deliver
icon-device-page
icon-dimmer
icon-dog-barking
icon-door-back
icon-door-front
icon-door-sensor
icon-down
icon-down-arrow
icon-download
icon-email
icon-explore
icon-ext-link
icon-falling
icon-fan-off
icon-film-quality
icon-filter
icon-fingerprint
icon-flow-high
icon-flow-low
icon-forward-video
icon-forward
icon-fridge-door
icon-frost-protect
icon-full-access
icon-fullscreen
icon-glass-breaking
icon-group
icon-hallway
icon-heating-na
icon-heating
icon-help
icon-hive
icon-hive-white
icon-holidaymode
icon-home
icon-hot-water
icon-hub-360
icon-hub-nano
icon-hub-nano2
icon-humidity
icon-incorrect-sound
icon-increased
icon-info
icon-insights
icon-install-devices
icon-kettle
icon-kitchen
icon-lamp
icon-leak
icon-left
icon-left-gray-lightest
icon-light
icon-link-broken
icon-link
icon-list
icon-livingroom
icon-lock
icon-logout
icon-mastercard
icon-menu
icon-microphone-off
icon-microphone
icon-microwave
icon-mimic
icon-minimisescreen
icon-minus
icon-mode-settings
icon-monitor-off
icon-monitor-on
icon-motion-detected
icon-motion-man
icon-motion-sensor
icon-multi-choice-off
icon-multi-choice-on
icon-multi-user
icon-night-vision
icon-not-flowing
icon-notifications-off
icon-notifications-on
icon-notifications-settings
icon-order-placed
icon-orders
icon-overflow
icon-password-hide
icon-password-show
icon-pause
icon-payment
icon-paypal
icon-philips-hue-bridge
icon-photo
icon-play
icon-plug-eu
icon-plug-in
icon-plug-na
icon-plug-uk
icon-plus
icon-power
icon-previous-video
icon-push-notifications
icon-question
icon-quick-actions
icon-reassurance
icon-receiver-dual
icon-receiver
icon-record
icon-refer-a-friend
icon-reload
icon-reorder
icon-right
icon-right-gray-lightest
icon-sales
icon-schedule
icon-search
icon-security-away
icon-security-away-white
icon-security-home
icon-security-privacy
icon-send
icon-service-status
icon-settings
icon-shop
icon-signal-1bar
icon-signal-2bar
icon-signal-3bar
icon-signal-4bar
icon-signal-booster-plug
icon-signal-booster-uk
icon-single-choice-off
icon-single-choice-on
icon-smoke
icon-sound-detected
icon-sound-off
icon-sound-on
icon-spinner
icon-star
icon-star-half
icon-stop
icon-sunrise
icon-tanks
icon-television
icon-temp
icon-text-size
icon-text
icon-thermostat-gen-1
icon-thermostat-gen-2
icon-thermostat-gen-3
icon-thermostat-gen-4
icon-thumb-down
icon-thumb-up
icon-tick
icon-toaster
icon-toilet
icon-tone
icon-trv
icon-unavailable
icon-up
icon-down-arrow
icon-user
icon-view-outdoor
icon-view
icon-visa
icon-white-label-camera
icon-white
icon-wifi-active-full
icon-wifi-locked-full
icon-window
Stroke width 1px SVG icons
icon-actions
icon-advance
icon-alert
icon-call
icon-away
icon-back
icon-bathroom
icon-battery-empty
icon-battery-full
icon-battery-quarter
icon-battery-three-quarters
icon-bluetooth
icon-boiler-iq
icon-boost
icon-button
icon-call
icon-camera
icon-clear
icon-clock
icon-close
icon-coffee
icon-colour
icon-compose
icon-connected
icon-controls
icon-copy
icon-cupboard
icon-cuttlery-drawer
icon-dashboard
icon-decreased
icon-delete
icon-deliver
icon-device-page
icon-dimmer
icon-dog-barking
icon-door-back
icon-door-front
icon-door-sensor
icon-down
icon-down-arrow
icon-download
icon-email
icon-explore
icon-ext-link
icon-falling
icon-fan-off
icon-film-quality
icon-filter
icon-fingerprint
icon-flow-high
icon-flow-low
icon-forward-video
icon-forward
icon-fridge-door
icon-frost-protect
icon-full-access
icon-fullscreen
icon-glass-breaking
icon-group
icon-hallway
icon-heating-na
icon-heating
icon-help
icon-hive
icon-hive-white
icon-holidaymode
icon-home
icon-hot-water
icon-hub-360
icon-hub-nano
icon-hub-nano2
icon-humidity
icon-incorrect-sound
icon-increased
icon-info
icon-insights
icon-install-devices
icon-kettle
icon-kitchen
icon-lamp
icon-leak
icon-left
icon-left-gray-lightest
icon-light
icon-link-broken
icon-link
icon-list
icon-livingroom
icon-lock
icon-logout
icon-mastercard
icon-menu
icon-microphone-off
icon-microphone
icon-microwave
icon-mimic
icon-minimisescreen
icon-minus
icon-mode-settings
icon-monitor-off
icon-monitor-on
icon-motion-detected
icon-motion-man
icon-motion-sensor
icon-multi-choice-off
icon-multi-choice-on
icon-multi-user
icon-night-vision
icon-not-flowing
icon-notifications-off
icon-notifications-on
icon-notifications-settings
icon-order-placed
icon-orders
icon-overflow
icon-password-hide
icon-password-show
icon-pause
icon-payment
icon-paypal
icon-philips-hue-bridge
icon-photo
icon-play
icon-plug-eu
icon-plug-in
icon-plug-na
icon-plug-uk
icon-plus
icon-power
icon-previous-video
icon-push-notifications
icon-question
icon-quick-actions
icon-reassurance
icon-receiver-dual
icon-receiver
icon-record
icon-refer-a-friend
icon-reload
icon-reorder
icon-right
icon-right-gray-lightest
icon-sales
icon-schedule
icon-search
icon-security-away
icon-security-away-white
icon-security-home
icon-security-privacy
icon-send
icon-service-status
icon-settings
icon-shop
icon-signal-1bar
icon-signal-2bar
icon-signal-3bar
icon-signal-4bar
icon-signal-booster-plug
icon-signal-booster-uk
icon-single-choice-off
icon-single-choice-on
icon-smoke
icon-sound-detected
icon-sound-off
icon-sound-on
icon-spinner
icon-star
icon-star-half
icon-stop
icon-sunrise
icon-tanks
icon-television
icon-temp
icon-text-size
icon-text
icon-thermostat-gen-1
icon-thermostat-gen-2
icon-thermostat-gen-3
icon-thermostat-gen-4
icon-thumb-down
icon-thumb-up
icon-tick
icon-toaster
icon-toilet
icon-tone
icon-trv
icon-unavailable
icon-up
icon-down-arrow
icon-user
icon-view-outdoor
icon-view
icon-visa
icon-white-label-camera
icon-white
icon-wifi-active-full
icon-wifi-locked-full
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
List group item heading
3 days agoDonec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.List group item heading
3 days agoDonec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.List group item heading
3 days agoDonec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.Modal
New feature
Title goes here
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’.
New feature
Title goes here
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’.