A working style sheet for Weave Living’s first app: the colours, type, components, and the rule for where each part of the brand is used.
Style sheetv1 · 2019 buildLogo provided by Weave
01 · The mark
The mark.
The logo is a building full of windows under one roof: many homes in one structure, which is what co-living is. The palette, type and components follow from it.
Logo provided by Weave Living; this sheet documents how it is applied.
02 — Colour · as shipped
The full set.
Two neutrals, two actions, one brand surface. Sampled straight from the 2019 screens.
#2A2723
Ink
Text
#FFFCF5
Paper
Ground
#496B62
Forest
Action
#F69272
Coral
State · now
#A3B4AF
Sage
Home surface
#F1F0EB
Linen
Card
+ confetti · home only
Dusk #7896A6
Clay #C49A91
Olive #CFCDA4
Eucalypt #778F88
Stone #CDC8C1
03 — The discipline
One kit, two levels.
The rule: sage and the five confetti colours are only used on the home and in building notices, never in a booking flow. Booking screens use four colours.
Home · full brand
Welcome home
Sage and confetti, home only. Full brand.
Booking · minimal
Laundry
AvailableIn use · 31m
Ink · paper · forest · one coral. No confetti, no sage.
Every screen
Home / notices only
04 — Type
DM Serif Text and DM Sans.
Welcome home.
DM Serif Text · headlines, never UI
Display / 58Laundry Status
Heading / 22Choose a time
Body / 15Showing the status of Washer / Dryer.
Label / 11In use · 31 mins left
DM Sans · everything you tap
05 — Components
One kit.
A working selection of the app's components. Radius 16, 1.5px lines, hand-drawn icons throughout.
Buttons
ConfirmCancel
Quick actions
+
Tag
#weaveteam
Status
AvailableIn useBooked
Time slots
19:0019:3020:00
Search field
Search the building
Toggle
Eco cycle
Segmented
WasherDryer
List row
Washer 2Available›
Avatar
JJasmine
Toast
✓Booked for 19:30
Notice card
#weaveteamRooftop social, Thu
Tab bar
FeedEventsLockServicesSettings
06 — Application
The rule, on screen.
Left: the home uses the full brand. Right: the booking screen keeps it minimal. Same system.
Welcome home, Jasmine
Weave on Baker
#weaveteam#weatheralert
#maintenance
Electrical Maintenance Notice
#weaveteam
Welcome aboard — a few tips
Laundry
Weave on Baker · level 3
Dryer 1
AvailableBook →
Washer 1
In use
31 mins left
Weave · Brand System — Style SheetCompanion to case 04 · Weave Living · skymakers.digital