Identity, voice, and interface standards
CIRCA
Use these guidelines to keep CIRCA consistent across product screens, event materials, seller tools, and checkout flows.
This page defines the core mark, type system, color palette, component language, and copy standards. Treat it as a working reference, not a campaign page.
The mark
Use the globe-heart mark as the primary brand signal. The full lockup is preferred for first-time context; the mark alone is reserved for app icons, small navigation, stickers, and repeated brand moments.
Voice and messaging
Write in plain operational language. CIRCA copy should identify the event, seller, item, price, and next step. Keep the tone direct and human; avoid vague positioning lines.
Approved patterns
- You’re shopping Brina’s rack at The Grove.
- Scan the rack code to unlock prices.
- Show this confirmation to collect your items.
- Payment is handled at the pop-up.
Avoid
- Taglines that do not explain product behavior.
- Broad sustainability claims without a user action.
- Marketplace, SaaS, logistics, or fulfillment terms.
- Friendly filler that delays the next instruction.
Color system
Use warm neutrals for structure, cherry red for brand and primary actions, and sticker pastels for pricing or lightweight state. Do not introduce new saturated colors unless they represent a required system state.
Foundation
Page canvas, cards, text, and rules.
Brand
Logo, primary buttons, selected states.
Stickers
Price tokens and low-risk UI accents.
Typography roles
Each typeface has a specific job. Cormorant is for brand, headings, and prices. Inter Tight is for product UI and body copy. JetBrains Mono is for receipts, codes, order numbers, and technical labels.
Cormorant Garamond
Use for display headings, price emphasis, and the wordmark.
Inter Tight
Use for buttons, labels, forms, and instructional copy.
JetBrains Mono
Use for order IDs, timestamps, prices in receipts, and export values.
Component standards
Components should support a concrete task in the pop-up flow. Use quiet cards for structure, status pills for event state, and stickers for price selection. Avoid decorative modules that do not represent an action or state.
Buttons
Status
Price stickers
Receipt format
ITEMS 3 · TOTAL $174.29
PICKUP AT THE RACK
Event card anatomy
Brina at The Grove
Product principles
CIRCA is designed for in-person resale. Prioritize fast identification, clear pricing, and low-friction checkout. Every screen should make the event, seller, rack, and next action obvious.
In-person first
- Do not design for shipping, tracking, or delivery.
- Anchor flows to event, seller, rack, and pickup.
Stickers drive pricing
- Use sticker controls for fast item pricing.
- Make selected, custom, and removed prices visually distinct.
QR sets context
- A scan should identify event, seller, and rack.
- Do not ask users to re-enter context provided by the QR code.