Skip to main contenteBay Playbook
  • Get started
  • Foundations
  • Design system
  • Expressions
  • Resources
  • Articles

Design system

  • Overview
    • Overview
    • Color
    • Dimension
    • Spacing
    • Typography
    • Breakpoints
    • Shadow
    • Shape
    • Opacity
    • Motion
    • Overview
    • Status
    • Accordion
    • Action bar
      • Overview
      • Inline notice
      • Page notice
      • Section notice
    • Avatar
    • Badge
    • Banner
    • Breadcrumb
      • Overview
      • Branded button
      • CTA button
      • Icon button
      • Link button
    • Carousel
    • CCD
      • Graphs
      • Metrics
    • Date picker
    • Dialog
    • Divider
    • Education notice
    • EEK rating and range
    • Expansion
      • Checkbox
      • Chip
      • Combobox
      • Dropdown
      • Numeric stepper
      • Password
      • Phone number
      • Radio button
      • Search field
      • Select list
      • Switch
      • Text area
      • Text field
    • Item tile
    • List row
      • Overview
      • Expressive loader
      • Skeleton loader
    • Media container
    • Pagination
    • Popover
    • Progress stepper
    • Quick filter
    • Section header
    • Segmented button
      • Bottom sheet
      • Panel
    • Signal
    • Snackbar
    • Tab
    • Table
      • Tooltip
      • Tourtip
    • Toggle button group
    • Video player
    • Overview
    • Bulk editing
    • File uploading
      • Text link

Spacing tokens

Spacing tokens
PreviousDimensionNextTypography
Things.People.Love.
  • Get started
  • Foundations
  • Design system
  • Expressions
  • Resources
  • Articles
  • Contributors
  • Careers
  • Press
  • Privacy policy
© 2025 eBay. All rights reserved.

eBay Evo, the eBay trademark, and the eBay logo are the intellectual property of eBay Inc.

    Skeleton Title

    Skeleton Subitle

    Semantic

    TitleValueExample
    spacing.page.grid.margin
    spacing.core.200
    spacing.page.grid.gutter
    spacing.core.100

    Core

    TitleValueExample
    spacing.core.0
    dimension.core.0
    spacing.core.25
    dimension.core.25
    spacing.core.50
    dimension.core.50
    spacing.core.75
    dimension.core.75
    spacing.core.100
    dimension.core.100
    spacing.core.150
    dimension.core.150
    spacing.core.200
    dimension.core.200
    spacing.core.250
    dimension.core.250
    spacing.core.300
    dimension.core.300
    spacing.core.400
    dimension.core.400
    spacing.core.500
    dimension.core.500
    spacing.core.600
    dimension.core.600