PeachCloud Pattern Library


Buttons

Standard button


Meters

Standard meter

70%

Meter with range (value outside of range)

90%

Meter with fallback styling

Disk Usage - 55.93GB out of 120GB

Labeled meter with fallback styling

Disk 25% (48 GB available)
Disk Usage - 16 GB out of 120 GB

Switches

Rounded switch


Circles

Standard circle


Success circle

Success

Warning circle

Warning

Error circle

Error

Standard circle with active icon


Quartered circle

Icons

Small icon

Medium icon

Large icon

Active icon

Inactive icon


Inputs

Standard input with button

Standard input with label and unit

Labels

Small label


Medium label



Large label


Grids

Three-across icon grid

Three-across label grid

Three-across switch and icons grid

Stack with icon and value

Stack with icon, value and unit

Stack with icon, value, unit and label

Three-across stack

Three-across stack with capules

Lists

Standard list


Titled list

WiFi Networks


Labeled list


Labeled list with icon right


Navigation Bars

Top nav bar

Bottom nav bar

Network Card

Access Point

peach

11.11.11.10

Network Card with Nav Bars

Access Point

peach

11.11.11.10

Network List with Nav Bars

  • Cottage

  • TranquilGarden

  • Deli @TheVillage

  • H ⅄ P H Λ L

Network Details with Nav Bars

ZenGarden

WPA2-PSK

73%

Network Add Credentials with Nav Bars

This website will be unresponsive while the access point is disabled and the WiFi connection attempt is made.

WiFi Data Total and Alerts with Nav Bars

Radial Menu