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

Dimension tokens

Dimension tokens

Skeleton Title

Skeleton Subitle

PreviousColorNextSpacing
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.

    Semantic

    TitleValueExample
    dimension.action.height.small
    dimension.core.400
    dimension.action.height.medium
    dimension.core.500
    dimension.action.height.large
    dimension.core.600
    dimension.tapTargetMinimum
    dimension.core.600
    dimension.icon.extraSmall
    dimension.core.150
    dimension.icon.small
    dimension.core.200
    dimension.icon.medium
    dimension.core.300
    dimension.icon.large
    dimension.core.400
    dimension.icon.extraLarge
    dimension.core.800

    Core

    TitleValueExample
    dimension.core.0
    0px
    dimension.core.25
    2px
    dimension.core.50
    4px
    dimension.core.75
    6px
    dimension.core.100
    8px
    dimension.core.150
    12px
    dimension.core.200
    16px
    dimension.core.250
    20px
    dimension.core.300
    24px
    dimension.core.400
    32px
    dimension.core.500
    40px
    dimension.core.600
    48px
    dimension.core.800
    64px
    dimension.core.1000
    80px