SCPACE

Design system

Foundational tokens and components for the LUU room booking app. Build every screen from these — no inline hex values.

Core palette

tailwind.config.js → theme.colors.brand.*

Primary teal

brand-primary

#009B87

Secondary teal

brand-secondary

#006B5E

Accent (coral)

brand-accent

#F43F5E

Canvas

canvas

#F8FAFC

Surface

surface

#FFFFFF

Surface sunken

surface-sunken

#F1F5F9

Mint green

brand-mint

#A4D5AB

Yellow

brand-yellow

#FFFF40

Pastel pink

brand-pink

#FEC5D4

Pale mint

brand-pale-mint

#E9FFF0

Black

brand-black

#000000

Cream

brand-cream

#FBFAE5

White

brand-white

#FFFFFF

Fun accents

theme.colors.accent.* — sparingly, for highlights and illustration. Not core UI chrome.

Deep purple

accent-purple

#2A0860

Violet

accent-violet

#6807D7

Cyan

accent-cyan

#9EE8EF

Orange

accent-orange

#F96A1F

Fun pink

accent-pink

#FF8AF7

Booking status

theme.colors.status.* — always paired with an icon + label, never colour alone. Deliberately not a red/green pair.

Mine

status-mine

#00604F

Others

status-others

#FF8AF7

Available

status-available

#A4D5AB

Unavailable

status-unavailable

#93938D

Your bookingBookedAvailableUnavailable

Typography

Apercu (light/regular/medium/bold, + italic) — currently rendered in Inter until a licensed Apercu web font is sourced. See DESIGN_SYSTEM.md.

Light — Book a room in seconds

Regular — Book a room in seconds

Medium — Book a room in seconds

Bold — Book a room in seconds

Italic — Book a room in seconds

Buttons

Badges

Generic status tones for approvals, requests, and notices.

Draft2 bookings todayAwaiting approvalConfirmedRejected

Form inputs

Max capacity is checked automatically.

This reference is already in use.

Cards

Riley Smith Hall

Available

Capacity 120 · Ground floor

Committee Room 2

Your booking

Booked today, 2–4pm

Voice examples

Fun by default; straightforward for anything safety- or policy-related.

Fun voice

Nice one — your room's booked! 🎉

We'll send a reminder the morning of.

Serious voice

Your alcohol request needs review before this booking is confirmed.

A venue manager will respond within 2 working days.