COMPONENTS · v1

Components

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: 25 AI-assisted Best 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.

Try it: what will your team mostly use these laptops for?

States

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.