Back to BudgieBase
BudgieBase
UI Component Style Guide
Smart Aviary Automation · v1.0 · April 2026
01 — Color Palette
Light
Forest
#1A3D2B
Primary, headlines
Meadow
#3A7D56
Buttons, links
Sage
#7DC4A0
Accents, icons
Mist
#F0FAF4
Card backgrounds
White
#FFFFFF
Page background
Ink
#1A1A1A
Body text
Moss
#4A6358
Secondary text
Alert
#D94040
Errors only
Pebble
#DDE8E1
Borders, dividers
Dark
Night
#112B1E
Page background
Forest
#1A3D2B
Card surface
Surface+
#243F31
Elevated cards
Meadow
#3A7D56
Buttons, links
Sage
#7DC4A0
Secondary text
White
#FFFFFF
Primary text
D-Border
#2E5740
Borders, dividers
Alert
#D94040
Errors only
Warning
#F5A623
Warnings
02 — Typography Scale
Light
Display
48px · Nunito 700
Heading 1
32px · Nunito 700
Heading 2
24px · Nunito 700
Heading 3
18px · Nunito 700
Body text
16px · Nunito Sans 400
Small text
13px · Nunito Sans 400
Label / UI
11px · Nunito Sans 600
Caption text
10px · Nunito Sans 400
Dark
Display
48px · Nunito 700
Heading 1
32px · Nunito 700
Heading 2
24px · Nunito 700
Heading 3
18px · Nunito 700
Body text
16px · Nunito Sans 400
Small text
13px · Nunito Sans 400
Label / UI
11px · Nunito Sans 600
Caption text
10px · Nunito Sans 400
03 — Sensor Card
Light
Aviary Temperature
23.4°C
Set point  22°C
Dark
Aviary Temperature
23.4°C
Set point  22°C
04 — Plug Card
Light
Heating Mat
Next: 20:00 OFF
ON
UV Lamp
Next: 07:00 ON
OFF
Dark
Heating Mat
Next: 20:00 OFF
ON
UV Lamp
Next: 07:00 ON
OFF
05 — Buttons
Light
Dark
06 — Text Input
Light
Value out of range (0–100%)
Dark
Value out of range (0–100%)
07 — Mode Toggle
Light
Dark
08 — Day Selector
Light
M
T
W
T
F
S
S
Dark
M
T
W
T
F
S
S
09 — Time Picker
Light
07
08
09
10
11
:
39
40
41
42
43
PM
AM
PM
Dark
07
08
09
10
11
:
39
40
41
42
43
PM
AM
PM
10 — Bottom Navigation
Light
App content area
Home Schedule Alerts Stats Settings
Dark
App content area
Home Schedule Alerts Stats Settings
11 — Icon Set
Light
thermometer
droplets
wind
zap
settings
calendar
download
wifi
bell
check
x
chevron-right
Dark
thermometer
droplets
wind
zap
settings
calendar
download
wifi
bell
check
x
chevron-right
12 — Alert / Status Badges
Light
Normal
High
Critical
Dark
Normal
High
Critical
13 — List Items
Light
Temperature
Main aviary · updated 1m ago
23.4°C
Humidity
Main aviary · updated 1m ago
58%
Ventilation
Fan speed mode
Medium
Dark
Temperature
Main aviary · updated 1m ago
23.4°C
Humidity
Main aviary · updated 1m ago
58%
Ventilation
Fan speed mode
Medium
Desktop / Wide Layout
Sensor Card
Aviary Temperature
23.4°C
Set point  22°C
Plug Cards
Heating Mat
Next: 20:00 OFF
ON
UV Lamp
Next: 07:00 ON
OFF
Inputs & Buttons
Schedule Controls
M
T
W
T
F
S
S
Time Picker
07
08
09
10
11
:
39
40
41
42
43
PM
AM
PM
Status Badges
Normal
High
Critical
List Item
Connectivity
BudgieBase Hub v2
Online
Firmware
Update available
v2.1.4