Skip to content

SDK design

The Base design system holds the design tokens behind every SDK component: the color, type, spacing, shape, and grid values that give the components a consistent look. When you skin your storefront with these tokens, your custom UI stays on-brand and matches the drop-ins already in place.

  • Colors — Color tokens for hierarchy, state, and brand
  • Typography — Type scale for clear, readable content
  • Spacing — Spacing scale for consistent visual rhythm
  • Shapes — Shadows, strokes, and fills that draw attention
  • Grids — Breakpoints, gutters, and columns for responsive layouts