StorefrontStyle

1mission Storefront
2use experience
3use design
4
5title Storefront checkout look and feel
6goal "give checkout a premium, accessible visual language across surfaces"
7problem "Checkout must feel premium and stay accessible across surfaces"
8
9experience CheckoutFlow
10  goal "complete a purchase with confidence"
11  state Reviewing
12  state Paying
13  state Paid
14
15style_intent CheckoutLook
16  applies_to CheckoutFlow
17  purpose "premium, trustworthy checkout"
18  audience enterprise buyers, procurement
19  surface checkout
20  surface receipt
21  token color.primary #0B5FFF
22  token color.surface #FFFFFF
23  token color.text #0A0A0A
24  token color.feedback.error #D8000C
25  token typography.scale 1.25
26  token typography.families.body Inter
27  token shape.radius 8px
28  token mode both
29  token brand.logo /brand/mark.svg
30  accessibility_target WCAG_2_2_AA
31  scope surface:checkout