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