Name: Dembrandt
Author: Dembrandt

Nike

Global sportswear and sneaker brand

Full-bleed product storytelling

Stripe Linear Notion OpenAI Tesla Airbnb Figma Slack Uber Apple Raycast Krea AI Family Oura Nike Duolingo Arc Perplexity AI Anthropic Vercel Cursor

Observed with Dembrandt. Showing a simplified version — the full output includes button states, gradients, animations, and more. Try the CLI for complete results.

Design tokens observed from publicly visible CSS. Dembrandt does not host, copy, or redistribute any brand assets.

Colors

#ffffff

#9e9ea0

#757575

#707072

Typography

Nike Futura ND, Helvetica Now Text Medium, Helvetica

hero:96px / 500

body:19.2px / 400

button:24px / 500

Shadows

Spacing

1px2px3px4px5px6px

Border Radius

2px

18px

30px

50%

Button States

Bootstrap

Default

#ffffff

Hover

#ffffff

Active

#ffffff

radius: 30pxpadding: 12px 24px

output.json

{
  "url": "nike.com",
  "colors": [
    "#ffffff",
    "#9e9ea0",
    "#757575",
    "#707072"
  ],
  "typography": {
    "fontFamily": "Nike Futura ND, Helvetica Now Text Medium, Helvetica",
    "hero": "96px / 500",
    "body": "19.2px / 400",
    "button": "24px / 500"
  },
  "shadows": [
    "rgb(229, 229, 229) 0px -1px 0px 0px inset",
    "rgba(17, 17, 17, 0.08) 0px -2px 6px 0px",
    "rgba(17, 17, 17, 0.06) 0px 4px 8px 0px, rgba(17, 17, 17, 0.03) 0px 0px 24px 4px"
  ],
  "spacing": [
    "1px",
    "2px",
    "3px",
    "4px",
    "5px",
    "6px"
  ],
  "borderRadius": [
    "2px",
    "18px",
    "30px",
    "50%"
  ],
  "buttons": {
    "default": {
      "bg": "#ffffff",
      "text": "#1f1f21"
    },
    "hover": {
      "bg": "#ffffff",
      "text": "#1f1f21"
    },
    "active": {
      "bg": "#ffffff",
      "text": "#1f1f21"
    },
    "radius": "30px",
    "padding": "12px 24px",
    "framework": "Bootstrap"
  }
}

$npx dembrandt nike.com