STALL
Foundations

Stall Design System

Tokens, type, motifs and the component library that the catalogue site is built from. Every specimen below reads from the same CSS custom properties the app ships with.

Colors

Brand — Iris
Periwinkle brand scale; 500 is primary
50
#f2f2fb
100
#e6e6f7
200
#cbcbf0
300
#aaaae8
400
#8888de
500 ●
#6363d4
600
#4d4dc6
700
#4040a6
800
#363685
900
#2f2f66
Neutrals — Ink
Warm-cool grays, 0 → 900
0
#ffffff
50
#f7f7f9
100
#efeff2
200
#e3e3e8
300
#cfcfd6
400
#a6a6b0
500
#76767f
600
#55555e
700
#3d3d45
800
#26262c
900
#14141a
Semantic
Success, warning, danger — soft + solid
Success
100
500
Warning
100
500
Danger
100
500

Type

Display — Bricolage Grotesque
Headlines & product names

Rent the room.

Bricolage Grotesque · 800 · display-lg 56px · tracking -0.02em

Booths, counters, tents & more

700 · h2 27px

Text & UI — Hanken Grotesk
Body copy and interface labels

Browse the full catalogue, build a list, send one enquiry.

Hanken Grotesk · 600 · body-lg 18px

Every item is available for hire across the region. Add what you need to your enquiry and our team confirms availability, delivery and pricing.

400 · body 15–16px · line-height 1.5

Eyebrow label

700 · caps · tracking 0.08em

Mono — Space Mono
Specs, dimensions, SKUs, quantities
3.0 × 3.0 m   ·   SKU LB-3x3   ·   ×24
$180 / day    48h delivery    qty 1–50
Space Mono · 400 / 700 · dimensions, SKUs, prices & counts

Spacing

Spacing scale
4px base grid, space-1 → space-16
1
4
2
8
3
12
4
16
5
20
6
24
8
32
10
40
12
48
16
64

Brand

Logo
The Stall wordmark — geometric with joint details
Stall
STALL
supplied wordmark · type fallback in Bricolage 800
Stripe & joint motif
Signature lavender stripes and hardware 'joint' dots
repeating-linear-gradient · iris-200 / white
Radii
Corner radius scale — soft, joint-like
xs 4
sm 8
md 12
lg 16
xl 24
pill
Shadows
Soft elevation + the playful hard 'sticker' shadow
xs
sm
md
lg
hard

Components

Forms
Buttons, inputs, selects, toggles, quantity stepper
Buttons
m²
Toggles & steppers
4
Data display
Badges, tags, cards, product tiles
BadgesConfirmedPendingCancelledNew12 items
TagsOutdoorModularLayher Booth
Booths

Layher Booth

3.0 × 3.0 mModular frameSeats 8
LB-3x3
Enquiry summary

Generic Card container — group any content with a consistent surface, border and shadow.

Date range
Event start and end — expands in flow, never floats
Event dates
Multi-day events select a range; a single day selects itself twice.
Category illustrations
Flat line elevations of real Stall kit — one ink, one solid mass
folding-stall
hex-pavilion
stretch-tent
truss-booth
bar-table
beer-set
cabin-kiosk
wooden-kiosk
shed
Navigation
Tabs and breadcrumbs
Feedback
Dialog and tooltip
Hover the icon →