{
  "$description": "Dropbox brand tokens from unfairly.ai/brand-guidelines/dropbox, checked 2026-10-28. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.961,
          0.949
        ],
        "hex": "#f7f5f2"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.098,
          0.098
        ],
        "hex": "#1e1919"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.451,
          0.424,
          0.392
        ],
        "hex": "#736c64"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.38,
          0.996
        ],
        "hex": "#0061fe"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.961,
          0.949
        ],
        "hex": "#f7f5f2"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.098,
          0.098
        ],
        "hex": "#1e1919"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.961,
          0.949
        ],
        "hex": "#f7f5f2"
      }
    },
    "azalea": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.804,
          0.184,
          0.482
        ],
        "hex": "#cd2f7b"
      }
    },
    "pink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.686,
          0.647
        ],
        "hex": "#ffafa5"
      }
    },
    "crimson": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.608,
          0,
          0.196
        ],
        "hex": "#9b0032"
      }
    },
    "sunset": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.333,
          0.118
        ],
        "hex": "#fa551e"
      }
    },
    "rust": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.745,
          0.294,
          0.039
        ],
        "hex": "#be4b0a"
      }
    },
    "tangerine": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.549,
          0.098
        ],
        "hex": "#ff8c19"
      }
    },
    "gold": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.608,
          0.392,
          0
        ],
        "hex": "#9b6400"
      }
    },
    "vivid-vargas": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.824,
          0.294
        ],
        "hex": "#fad24b"
      }
    },
    "canopy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.059,
          0.314,
          0.235
        ],
        "hex": "#0f503c"
      }
    },
    "lime": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.706,
          0.863,
          0.098
        ],
        "hex": "#b4dc19"
      }
    },
    "ocean": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.471,
          0.569
        ],
        "hex": "#007891"
      }
    },
    "zen": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.784,
          0.922
        ],
        "hex": "#14c8eb"
      }
    },
    "navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.157,
          0.216,
          0.314
        ],
        "hex": "#283750"
      }
    },
    "cloud": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.706,
          0.784,
          0.882
        ],
        "hex": "#b4c8e1"
      }
    },
    "plum": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.471,
          0.157,
          0.431
        ],
        "hex": "#78286e"
      }
    },
    "orchid": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.784,
          0.686,
          0.941
        ],
        "hex": "#c8aff0"
      }
    },
    "pink-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.537,
          0.125,
          0.333
        ],
        "hex": "#892055"
      }
    },
    "sunset-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.306,
          0.004,
          0.098
        ],
        "hex": "#4e0119"
      }
    },
    "vivid-vargas-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.408,
          0.271,
          0.02
        ],
        "hex": "#684505"
      }
    },
    "lime-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.337,
          0.255
        ],
        "hex": "#175641"
      }
    },
    "orchid-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.408,
          0.153,
          0.376
        ],
        "hex": "#682760"
      }
    },
    "blue-hover": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.341,
          0.898
        ],
        "hex": "#0057e5"
      }
    },
    "focus-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.259,
          0.545,
          1
        ],
        "hex": "#428bff"
      }
    },
    "announcement": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.871,
          0.922,
          1
        ],
        "hex": "#deebff"
      }
    },
    "announcement-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.267,
          0.686
        ],
        "hex": "#0044af"
      }
    },
    "hairline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.929,
          0.914,
          0.89
        ],
        "hex": "#ede9e3"
      }
    },
    "media-placeholder": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.933,
          0.914,
          0.886
        ],
        "hex": "#eee9e2"
      }
    },
    "muted-on-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.627,
          0.616,
          0.608
        ],
        "hex": "#a09d9b"
      }
    },
    "panel-top": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.161,
          0.173,
          0.192
        ],
        "hex": "#292c31"
      }
    },
    "card-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.114,
          0.129
        ],
        "hex": "#1c1d21"
      }
    },
    "footer": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "hairline-on-black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.278,
          0.275,
          0.267
        ],
        "hex": "#474644"
      }
    },
    "card-dark-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.114,
          0.129
        ],
        "hex": "#1c1d21"
      }
    },
    "announcement-bar-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.871,
          0.922,
          1
        ],
        "hex": "#deebff"
      }
    },
    "announcement-bar-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.267,
          0.686
        ],
        "hex": "#0044af"
      }
    },
    "media-frame-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "file-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Archivo",
        "Arial",
        "Helvetica",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "DB Sharp Grotesk"
      ],
      "$description": "Dropbox's own face (Proprietary (custom, made with Sharp Type)). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Public Sans",
        "-apple-system",
        "Arial",
        "Helvetica",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Atlas Grotesk"
      ],
      "$description": "Dropbox's own face (Proprietary (Commercial Type)). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "hero-headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 40,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.8,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Archivo",
          "provenance": "observed"
        }
      }
    },
    "section-headline-wide-cut": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 34,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.13,
        "letterSpacing": {
          "value": 0.3,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 26,
          "family": "Archivo",
          "provenance": "observed"
        }
      }
    },
    "feature-headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 26,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": -0.52,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 26,
          "family": "Archivo",
          "provenance": "observed"
        }
      }
    },
    "card-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.36,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Archivo",
          "provenance": "observed"
        }
      }
    },
    "small-heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0.2,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    },
    "lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0.2,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0.16,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    },
    "eyebrow-and-button-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0.16,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    },
    "nav-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.43,
        "letterSpacing": {
          "value": 0.14,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    },
    "pill-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0.14,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    },
    "overline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0.12,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    },
    "footer-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.57,
        "letterSpacing": {
          "value": 0.14,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Public Sans",
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 72,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 72,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1344,
        "unit": "px"
      }
    },
    "hero-text-max": {
      "$type": "dimension",
      "$value": {
        "value": 513,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 72,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "button-secondary": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "button-nav": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "pill-label": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "card": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "card-dark": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "button-secondary-on-dark": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "media-frame": {
      "$type": "dimension",
      "$value": {
        "value": 28,
        "unit": "px"
      }
    },
    "file-card": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "security-panel": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    }
  },
  "motion": {
    "brand-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.65,
        0,
        0.45,
        1
      ]
    },
    "button-state-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.4,
        0,
        0.6,
        1
      ]
    },
    "button-state-duration": {
      "$type": "duration",
      "$value": {
        "value": 100,
        "unit": "ms"
      }
    }
  }
}