Velvet 600
#B01B57Primary actionadoreby Brand BazarProduction design system · v1.0
Warm restraint, made personal.
Adore balances editorial softness with the certainty required for personalisation and payment. Light is the product theme; deep velvet is used as an intentional brand field, never a hidden dark mode.
01 · Foundations
WCAG AA targets · solid focus ringsColour with a clear job.
Velvet 800
#78103FDeep accentBlush
#FFF0F5Soft surfaceCanvas
#FFFBFCPage backgroundInk 950
#1A1014Primary textInk 600
#6B5560Body textGilt 500
#C8A25CRestrained detailSuccess
#0E7C5BConfirmed state02 · Typography
Fraunces brings the feeling.
Plus Jakarta Sans carries interface copy with calm precision. It is compact, legible and assured at small sizes.
JetBrains Mono · ₹999 · ADR-20260822-7A9C
- Display
- Fraunces variable
- Optical size, softness and wonk axes
- Interface
- Plus Jakarta Sans
- 400 through 800
Quiet until action matters.
Actions and controls
Every field and action has a minimum 44px target.
States speak plainly
Preview approved for this design.
A specific, warm message—without fake urgency.
AI studio photograph
04 · Product canvas
The preview is part of the promise.
Product-specific AI-generated studio photographs carry governed personalisation areas and customer choices. Changes are described in an aria-live region, and editing any detail clears approval.
- Native keyboard radio behavior
- Private, validated customer photos
- Explicit approval before cart
- Photographic product context
A measured rhythm.
space-4space-8space-12space-16space-24Accessibility baseline
Ink 500 or darker for small text, solid double focus treatment, 44×44px controls, keyboard-complete groups, explicit aria-controls, focus restoration, live preview descriptions, error summaries, 200% zoom support and reduced motion.