Everything the concierge screens are built from. Each one uses only the design tokens, works in both themes, and shows every state. Hover, tab through and click them: they're real.
Button
Primary for the one main action on a screen. Secondary for alternatives. Ghost for low-emphasis links, like reaching a person. All 48px tall.
DefaultHoverFocusDisabled
Chip
Neutral for the buyer's saved answers. AI for anything AI-assisted. Accent for Best fit. Warning for budget gaps.
Laptops: 25AI-assistedBest fit for your team$289 over budget
Answer option
One answer in a question step, built on a real checkbox. Selected changes the fill, border, checkbox and text weight, so it never relies on color alone.
States
HoverFocus
Recommendation card
Specs and price come from the catalog, so they're set in mono and labeled. The reason is AI-written, so it's labeled in orchid. Every card names a tradeoff, and Best fit goes to the right match, not the priciest one.
GOOD
Light and affordable for everyday work
8 GB memory
256 GB SSD
14 in display, 2.9 lb
$749 each
Price and stock from the catalog
WHY · AI-ASSISTED
Covers email, documents and video calls at the lowest cost.
Tradeoff: 8 GB can slow down with large spreadsheets.
BETTERBest fit for your team
Balanced for calls and spreadsheets
16 GB memory
512 GB SSD
14 in display, 3.1 lb
$1,049 each
Price and stock from the catalog
WHY · AI-ASSISTED
Handles video calls and large spreadsheets without slowing down, and stays within your budget.
Tradeoff: heavier than the Good pick, so less ideal for frequent travel.
BEST$289 over budget
Most headroom for heavy work
32 GB memory
1 TB SSD
16 in display, 4.2 lb
$1,489 each
Price and stock from the catalog
WHY · AI-ASSISTED
Room for data analysis and design work for years to come.
Tradeoff: more than documents and calls need, and the heaviest of the three.