Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

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