One system for the shop counter and the control room.

Seller-facing pages feel like craft retail: photo-led, warm serif headings. The dashboard, timeline and agent split screen feel like a live operations console: dense, precise, visibly working. They share one palette, one type scale and one radius set. Blue appears only on real PayPal elements.

Storefront and onboarding

Craft retail. The product photo leads; the interface recedes.

Hand-thrown stoneware cups on a pale wooden shelf: a speckled cream cup with a raw clay foot beside a cup painted with soft triangles

Juniper Clay Studio

Speckled stoneware cup

Wheel-thrown, raw clay foot, food-safe satin glaze. Each one is a little different. Holds about 10 oz.

$34.00+ $5.00 shipping

Buyable by AI shopping agents through Shopfront. You approve every payment in PayPal.

Review draft listing

Drafted from 1 photo

Title93% sure

MaterialCheck this · 58% sure

PriceAI guess · confirm before publishing

Confirm the price to publish.

Console

Live operations. Every step shows who acted, the real request IDs, and where the AI answer came from. Sample data.

Buyer agent

Awaiting payment

Find me a handmade blue mug under $40 as a gift.

Found a speckled stoneware cup from Juniper Clay Studio for $34.00, plus $5.00 shipping. I’ve prepared the PayPal checkout; you approve the payment.

Live timeline

Connected

Waiting for the first agent call. Try the buyer chat on the left.

Ledger density

Precision inside the console look. The AG Grid ledger (Phase 5) gets these tokens through its theme API.

Checkout	Buyer	Qty	Total	Status	AI note
Speckled stoneware cup · 2 orders			$112.00
chk_k3j9x0a1b2c3	US · R. Okafor	1	$39.00	Shipped	Gift, ship fast91%
chk_p8w2m4n6q1r5	GB · A. Lindqvist	2	$73.00	Paid	Wrong size?54%
Ash-glaze serving bowl · 1 orders			$95.00
chk_t5v7b9c2d4e6	US · M. Reyes	1	$95.00	Partially refunded	Chipped rim88%

Tokens

Colour

Canvasoklch(0.985 0 0)Page background
Surfaceoklch(1 0 0)Raised content
Surface 2oklch(0.962 0.006 45)Toolbars, grid headers
Inkoklch(0.22 0.012 45)Primary text
Ink 2oklch(0.42 0.012 45)Secondary text
Clayoklch(0.56 0.14 40)The one accent
Successoklch(0.5 0.11 150)Paid, verified
Warningoklch(0.5 0.11 70)Low AI confidence
Dangeroklch(0.53 0.17 27)Declined, conflict
PayPaloklch(0.33 0.13 262)PayPal elements only
Ink paneloklch(0.19 0.01 45)Live timeline

Type

Alegreya for storefront voice

Geist 2xl · page titles in the console

Geist lg · panel headings

Geist base 14px · the UI default, with tabular figures: $1,234.50 · 98.6%

Geist sm · secondary labels and helper text

Geist Mono · 5O190127TN364715T · PayPal-Request-Id

Actions and labels

NeutralAgentVerifiedCheck thisConflictPayPal

Awaiting paymentApproved, capturingPayment pendingPaidShippedPartially refundedRefundedPayment declinedPayment reversedCancelled

Radius 6 / 10 / 16 / pill · motion 150 / 220 / 420 ms, ease-out-quart and expo · reduced motion respected