commerce · Phase 7
hero.title
A label storefront where the collection page, not the grid, is the entry point. Runs, drops and editorial carry the weight; the shop is a consequence of them.
Visual direction
Contemporary fashion label.
- White
- Ivory
- Black type
- Warm neutral
- One restrained accent
Should feel like a fashion brand, not furniture with different products. Minimal navigation, large editorial photography and the collection page as the entry point.
- Lookbook
- Drop
- Piece
- Size & colour
- Bag
The experience itself is not built yet. What you are looking at is the foundation proving it out: the business configuration, the feature set it turns on, the vocabulary it uses, and the theme applied to this route. A fashion client is called that here, and only here. This page is served in EN, one of the 3 locales this business supports.
Enabled capabilities
27 features this business turns on. Anything absent is never rendered.
- Catalog
- ProductsVariantsCategoriesSizesColors
- Merchandising
- CollectionsLookbookNew arrivalsCross-sellGalleryDeals
- Commerce
- WishlistCartCheckoutOrdersInventoryPaymentsOrder tracking
- Account
- ReviewsAuthAccountAddressesProfileNotifications
- Content
- StoryJournalTeam
Vocabulary
The shared foundation, relabelled. Each row shows the shared default and what this business calls it instead.
- Customer
- Client
- Cart
- Bag
- Wishlist
- Saved
- Order
- Order
Design tokens
light mode. This page is already rendering in the business palette.
Mode
- mode
- light
- domain
- Commerce
Colors
background
surface
surfaceAlt
border
textMuted
text
primary
secondary
accent
- background
- #fbfaf8
- surface
- #ffffff
- surfaceAlt
- #f1eeea
- border
- #DED8D0
- textMuted
- #716B63
- text
- #111111
- primary
- #111111
- secondary
- #8a8378
- accent
- #6d1f2c
Typography
- stack
- modern
- display
- spaceGrotesk
- heading
- spaceGrotesk
- body
- inter
- label
- inter
Spacing, radius, imagery, motion
- space.section
- 8rem
- space.gutter
- 1rem
- radius.card
- 0px
- radius.control
- 0px
- imagery.ratio
- 3/4
- imagery.treatment
- editorial
- motion.duration
- 300ms
- shadow.card
- inherited