No. 01 · Spring / Summer 2026
— The CIRCA Lookbook —
Brand · Voice · UI
A Pop-Up Resale Kit

Circa.

Great style comes full circle. A field guide to the marks, colors, words, and quiet little gestures that make CIRCA feel like CIRCA — wherever the rack is parked.

— Edited in Los Angeles, kept on the rack —
CIRCA globe-heart logo
CIRCA
POP-UP RESALE, IN PERSON
№ 01

The mark.

A globe with a heart tucked into its orbit: circular commerce with feeling. Use this supplied mark everywhere the product needs a recognizable app or brand signal; keep the wordmark quiet, tracked, and editorial.

CIRCA globe-heart logo
CIRCA
POP-UP RESALE, IN PERSON
— Primary lockup —
CIRCA globe-heart logo
CIRCA
POP-UP RESALE
CIRCA globe-heart logo
CIRCA
POP-UP RESALE
CIRCA globe-heart logo
CIRCA
POP-UP RESALE
CIRCA globe-heart logo
CIRCA
CIRCA globe-heart logo
№ 02

The voice.

Stylish but clear. Like a friend texting you about a closet sale, not a sustainability lecture. We trust the reader; we never preach.

Positioning
Great style
comes full circle.
Supporting lines
“Good finds. Better stories.”
“Scan the rack. Shop the story.”
“Pop-up resale, in person.”
“Grab. Stick. Sell.”
“Your community. Your style.”
“One more life for pieces worth keeping.”
We say

Conversational. Specific. Inviting.

  • “Shop the rack.”
  • “You’re shopping Brina’s rack in person.”
  • “Show this screen to the seller to collect your items.”
  • “Pay at the event. All sales final.”
  • “Scan at the event to unlock prices.”
We don’t

Preachy. Generic. SaaS-y.

  • “Save the planet.”
  • “Reduce textile waste.”
  • “Sustainable fashion solution.”
  • “Vendor commerce enablement.”
  • “Circular economy marketplace.”
№ 03

The palette.

Cream paper, cherry red, and a quartet of nostalgic pastels — peach, blush, powder, and oat. Think tissue paper, lipstick, and well-loved garage-sale stickers.

Paper & ink

Backgrounds and type. Warm whites, never gray; ink is soft black, not pure.

Paper — canvas
#FBF6EC · oklch(0.97 0.01 80)
Cream — surface
#F5EDE2
Oat — deep cream
#EFE5D6
Ink — body
#1A1410
Ink-2 — sub
#4A413A
Mute — label
#8B7F73

The cherry

Cherry red is the only saturated color. Use sparingly — primary buttons, the wordmark, hot moments.

Cherry — primary
#B5202B
Cherry Deep — pressed
#8C1820
Cherry Soft — bg
#F4D9D9
Ticket — stub
#F5DDD8
Sage — ok state
#CFD9C4
Pine — success
#4F6B4A

The stickers

The four sticker pastels. Always rotate in this order: blush → peach → powder → oat → blush. Never re-tint, never gradient.

Blush
#F2D9D2
Blush 2
#EAC8BE
Peach
#F4C9AD
Powder
#C9D6E2
Powder 2
#B8CADB
Oat Chip
#EFE6D2
№ 04

The type.

A serif for feeling, a sans for getting things done, and a mono for receipts. Let the serif do the heavy lifting; let the sans stay quiet.

Cormorant Garamond
— DISPLAY · EDITORIAL
Weights: 400, 500
Italics — for moments
Tracking: -1% to +6%
Headlines, prices, the wordmark, anything emotional. Never on long body copy.
D-1
Brina’s Pop-Up.
88 / 84
w 500
D-2
Shop the rack.
56 / 56
w 500
H-1
You’re all set!
32 / 36
w 500
H-2
Live nearby
22 / 26
w 500
QUOTE
“Good finds. Better stories.”
19 / 26
w 400 ital
Inter Tight
— UI · BODY
Weights: 400, 500, 600, 700
Tracking: -1% default
Buttons, labels, body, system. Default app font. Quietly confident; never showy.
BTN
Checkout for In-Store Pickup
15 / 20
w 600
BODY
Show this screen to the seller to collect your items. Items are paid for and ready — just walk over.
15 / 22
w 400
SUB
Today at The Grove · 12PM – 6PM
13 / 18
w 400
META
Live nearby
11 / 14
w 600 · +14%
CAP
In Store Now
10 / 12
w 700 · +22%
JetBrains Mono
— RECEIPTS · CODE
Weights: 400, 500
Order numbers, hex values, ticket stubs, anything that wants to feel printed.
ORD
ORDER #CIRCA-52148
14 / 18
TIME
12:42 PM · MAY 24
12 / 16
№ 05

The stickers.

Our hero interaction. A digital garage-sale price tag — round, slightly raised, with a tiny corner peel. Tap once, it sticks.

Default — sm 56 · lg 64
$5
$10
$20
$30
$40
Custom
Selected · cherry fill
$30
— tap once. it sticks. tap again to peel.
Custom · dashed
Custom
— for the in-between prices.
Supporting motifs
CIRCA · ADMIT ONE
BRINA × THE GROVE
MAY 24 · 12 – 6PM
Good finds.
Better stories.
— CIRCA —
Your Receipt
Items (3)$156.00
Service Fee$6.95
Tax$11.34
Total$174.29
Thanks! ♡
Hairline accents
— xx —
In Store Now Sold Out Live
№ 06

The components.

Soft cards, generous radii, hairline borders, and shadows that whisper. Built on a 4pt grid; never harsh, never plastic.

— buttons —
— pills & status —
● In Store Now Ends Soon Upcoming
Rack connected
You’re shopping Brina’s rack in person.
— form —
Item notes (optional)
Add a note about size, color, fit…
Notes help Brina perfect your finds.
— event card —
In Store Now
Brina at The Grove
The Grove, LA · Closes 6PM
— tab bar (buyer) —
Discover
Events
Scan
Saved
Profile
№ 07

The iconography.

Hairline strokes (1.5px), rounded joins, no fills. Icons should feel hand-set, not engineered. The heart, the QR, the ticket, the rack.

heart
qr
scan
events
pin
store
bag
search
profile
rack
trend
clock
download
share
copy
lock
№ 08

The iOS system.

The mockups work because they feel native, editorial, and physical at once. Keep the iOS layer familiar: system-safe chrome, clear touch targets, a warm paper surface, and the globe-heart mark as the repeated moment of recognition.

Good morning,
Alexandra
iPhone 17 Pro frame
In Store Now
24
Sunday Rack
12PM - 6PM
Safe area, tab bar, and dynamic island are design constraints
Frame
Design at 390 x 844 points for the canonical phone canvas. Keep the first meaningful content below 54pt and reserve 78-88pt for the bottom tab bar and home indicator breathing room.
App icon
Use the supplied globe-heart mark centered on warm paper. Minimum optical logo size: 54 percent of the icon tile. Corner radius follows iOS masking; do not bake the radius into the source asset.
Navigation
Top bars stay native-simple: one title, one back or close action, optional heart/bell/share. No dense web headers inside the app surface.
Tab bar
Five tabs max. Buyer center action is Scan; seller center action is Sell. Active state uses CIRCA red for icon and label, with the center action allowed to become a filled red circle.
Motion
Use short, tactile transitions: scan unlock, sticker peel/add, purchase confirmation, QR card share. Pair with light haptics; avoid decorative motion that delays shopping.
Controls
Primary buttons are 48-54pt high with 14-16pt radius. Price stickers are 64pt minimum. Cards sit on paper with one hairline border, not stacked shadows.
Copy
Use iOS microcopy that confirms the real-world action: Scan at Event to Shop, Ready for pickup from seller, Show this screen to the seller, Generate QR.
№ 09

The mockup language.

These screens are the north star: soft editorial side panels, realistic iPhone depth, large serif moments, and physical-event artifacts around the phone. Keep building from this mood.

CIRCA discover mockup

Discover

First screen should feel local and alive: nearby cards, event dates, saved communities, and one obvious scan action.

CIRCA seller mockup

Seller

Fast Sell Mode is the product verb. Price stickers, QR generation, and live dashboard stay above the fold.

CIRCA confirmation mockup

Confirmation

Post-purchase should feel ceremonial but useful: pickup state, receipt, seller identity, and one calm Done action.

№ 10

Spacing & radius.

A 4pt grid for layout, a generous radius scale for surfaces. Cards prefer 16–18px corners; sticker chips and the heart icon are the only fully-round elements.

— Space —
4 / xs
8 / sm
12 / md
16 / base
24 / lg
32 / xl
48 / xxl
— Radius —
4 · stub
12 · note
18 · card
28 · sheet
∞ · sticker
№ 11

The imagery.

Warm, indoor, slightly under-lit. Garments on hangers, hands holding tags, racks against soft walls. Always feel like the photo could have been shot at the event.

Rack · close-up
Boutique · interior
Hands · QR scan
“Shoot like you’re a guest at the closet sale, not a brand commissioning a campaign. Natural light, slightly cooler whites, never glossy. Real hands, real hangers, real price tags.”
— Photo direction —
№ 12

The principles.

Seven rules to design by. When in doubt, pick the one that feels most like a thoughtful friend handing you a hanger.

i.

In-person first.

Every screen assumes the shopper is physically there. No shipping fields, no tracking, no “delivery in 3–5 days.”

ii.

Lightweight selling.

The seller doesn’t become an ecommerce operator. Stickers first, listings later.

iii.

QR unlocks context.

One scan tells us the event, the seller, and the rack. The rest of the app reflects that.

iv.

Stickers are the verb.

Tap a sticker to add. Tap to peel. The whole interaction model lives in that one motion.

v.

Shopify is invisible.

Payment runs through Shopify; the experience is CIRCA. Never a Shopify URL, never a Shopify chrome.

vi.

Optional, never required.

Photos, item names, sizes — all welcome, none mandatory. The default flow finishes in ten taps.

vii.

Quietly responsible.

The clothes get another life. We don’t lecture about it; the product just makes obvious sense.