A bold, modern look. Dark backgrounds with a single red accent and navigation organized by Bay Area region. Built for tech, fashion, and brand events.
Tech founders · fashion clients
experiential agencies · gala producers
03 of 03
Style guide v1
One sans-serif typeface, all uppercase with extra space between letters. A small red square always sits to the left of the wordmark — a consistent visual signature that identifies the brand wherever it appears.
Inter Medium
(Neue Haas Grotesk in production)
ALL CAPS
0.18em tracking · 500 weight
32 px / 22 px
2×2 px red square
12 px to the left of the F
Red appears in at most four places on any page: the square next to the wordmark, the underline beneath the current page in the navigation, the primary "Get Quote" button, and the top edge of the inventory tool. Anywhere else and it becomes decoration.
A single sans-serif typeface across the entire system, with extra letter spacing on uppercase labels. Geist Mono shows up only for technical specs like dimensions and product codes.
All spacing uses multiples of 8 pixels. Main sections have 200 pixels of vertical space; hero sections have 280. Extra whitespace around the red mark keeps it prominent rather than getting lost in the layout.
The main navigation lists the site's primary sections; a second row groups the Bay Area regions (Napa, Sonoma, SF & Peninsula, East Bay). A red underline marks the current page. The "Get Quote" button is the only filled red surface besides the wordmark square.
Region cards, form fields, and the inventory tool all share the same details: no rounded corners, no shadows, and a 2-pixel red bar across the top — a consistent identifier across the system.
Dark charcoal background · 2-pixel red strip on top · no rounded corners.
Charcoal background · no border · 2 px red bottom on focus · uppercase labels.
White card with a 2-pixel red strip on top — the same red marker used elsewhere.
Photography is dramatic and dark — single light source, deep shadows, lacquered surfaces. Each image includes a single red element (a bloom, a candle, a pomegranate) that echoes the brand's red mark.
Sample headlines that show the brand's tone of voice — short, declarative, specific. Use these as a reference for how copy should sound across the site.
Rules that keep the brand consistent. Use these as guardrails when making decisions about new pages, copy, or photography.
Red used just because it looks nice. Red is a marker — used at most 4 places per page.
Pure black #000 anywhere. Page is warm dark Smoke #2D2A26; cards and elevated surfaces sit darker on Charcoal #1A1A1A.
Pure white as page background. Warm off-white #F2EFE9 for light surfaces.
Serif type. Single-family neo-grotesque discipline.
Rounded corners. 0 radius everywhere.
Drop shadows or gradients.
Italic for emphasis. Weight, tracking, and case do the work.
"Request a Quote" or "Enquire." It is always "GET QUOTE."
Sentence-case nav items. UPPERCASE with heavy tracking only.
Dropdowns or hover-reveal menus. Geography is the IA — clicks navigate directly.
A sample homepage that pulls everything together — wordmark, colors, typography, components. Red shows up in exactly four places: the square next to the wordmark, the underline beneath the current page, the "Get Quote" button, and the top of each region card.
Bay Area destination weddings with full table architecture, linen, and tabletop design.
Salesforce · Battery · Minnesota Street Project. Scale to 800 covers, monastic restraint to maximalist theater.
Product launches, fashion presentations, and brand experiences across the Bay Area.
A 1980s Bay Area heritage rental brand, now part of Fine Linen Creation. Treated as its own section within the site.
ENTER A PARTY PLACEA look at how this design system shows up across business cards, social posts, event materials, and email signatures.
v1 · for internal review