brand sandbox

Locked theme · warmed sublime ramp · stone bg · current ink. Two toggles below: theme (light/dark) and surface (marketing vs app). Surface changes what counts as the "primary" pattern — marketing leans on the loud green chip (sublime-style); app stays monochrome with brand reserved for trace elements (Lightfield-style).

Relationships

Selected row uses alpha-tinted brand — same in both modes AND both surfaces.

Recent5 new
João Courinha
Founder · Lisbon
2h ago
Alice Johnson
PM at Stripe · NYC
4h ago
Pedro Oliveira
Engineer at OpenAI · SF
1d ago
Marina Costa
Designer · São Paulo
2d ago
Bernie Koen
Software Engineer Intern · Stripe
3d ago
5 of 545 contacts

New introduction

Save button uses the loud green chip.

Buttons

Primary = loud green chip (sublime-style). Secondary + text stay subtle.

primary · loud green chip
secondary · sublime gray (recessed)
text · brand-text

This month

Trend deltas stay monochrome in both surfaces.

Contacts
545
+12
Introductions made
14
+3
Open opportunities
7

Badges + tags

Badges + counters are monochrome in both surfaces. Lightfield CRM uses no brand color on these — marketing inherits the same treatment.

status · neutral
intro readywarm leadv0.1.0
loud · neutral elevation
new2 unread
counters
14matches3follow-ups

Search

⌘K hint is muted in both surfaces. Focus ring stays brand (standard convention). Signals callout is the one branded callout — it IS a brand moment.

3 new signals from this week
Pedro just changed roles. Marina posted a hiring update. João joined a new team.

Sidebar

Active uses neutral wash + foreground in both surfaces. Lightfield CRM sidebar pattern.

surface rules — currently showing: marketing

marketing-only divergences (3)

(1) Primary CTA = sublime-style loud green chip. (2) Secondary CTA = sublime-style recessed gray chip. (3) Text selection highlight = brand-wash bg + brand-text fg. Everything else inherits the app pattern.

shared by both surfaces

Buttons (app primary + secondary), all badges, counters, trend deltas, nav (active + badge), ⌘K hint — neutral elevation chip / muted text. No brand color. Brand appears only as interactive state: selection wash, focus ring, links to data, display accent, new-signals callout, checkbox/switch ON, tiny unread dots, chat send button.

brand appears as interactive state only (both surfaces)

--brand-wash (alpha tint)

Selection rows · active sidebar conversation · new-signals callout bg · marketing text-selection highlight.

--brand-text (brand color)

Focus rings · display-copy text accent · links to data (LinkedIn URLs, see-all-N nav).

--brand (loud chip / fill)

Marketing primary CTA · checkbox or switch ON · tiny unread/state dots · chat send button. Sampled from crm.lightfield.app — all these are brand-filled in their app.