-->

Design System; Addresses + Payments

Design System Hero
User Story

As a repeat purchaser, I want to have an area to save and manage my ship to addresses and payment methods so I can check out with ease.

design system typography colors elements components wireframes

responsive wireframes

no address image
all states image

mobile image no states
mobile image all states
mobile image forms

elements

typography


typography image

colors


colors image

buttons


Primary + Secondary. Small + Large

buttons image

forms


Fields

form fields image

Pickers

form fields image

components

Standard address


address image

Standard payment


credit card image

Form field


form field image

Picker


picker fields image

Management


Addresses

address view image

Payment Methods

card view image

Forms


Addresses

form address image

Payment Methods

form card image