Getting startedBrandTokensDesign systemResources

Tokens

  • Overview
  • Motion
    • Principles
    • Tokens
    • In product
      • Best practices
      • Examples
  • Color
  • Type
  • Space and radius
  • Border

One source of truth.

Every value in Thread resolves through four tiers: primitives hold the numbers, brand carries the fork between Macy's and Bloomingdale's, semantics give them roles, and components alias semantics. Brand, scheme, platform and density all switch by mode, so nothing rebinds.

  • Motion tokensLive

    Five recipes pairing a duration with entering and exiting curves, plus the principles behind them.

  • Color tokensLive

    The semantic roles for surface, background, foreground and border, in both schemes.

  • Type tokensLive

    Display, heading and body, each style a trio of size, family and weight.

  • Space and radius tokensLive

    Rhythm and roundness, across Comfortable and Compact.

  • Border tokensLive

    Three stroke widths, and the rule for picking one.

NextPrinciples →

Every story
has a thread.

The system

  • Getting started
  • Brand
  • Tokens
  • Design system
  • Resources

Live now

  • Feel the motion voice
  • Learn how we sound
  • Understand the tokens
  • Color
  • Color tokens
  • Type tokens
  • Space and radius tokens
  • Border tokens

© 2026 Macy’s, Inc. All rights reserved.

Thread is the design system for Macy’s and Bloomingdale’s.