Name: Dembrandt
Author: Dembrandt

Oura

Smart ring for sleep and health tracking

Biometric data visualization

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

#ececec

#000000

#4a4741

#a8a5a0

#45433e

#8c8b88

Typography

AkkuratLL

hero:96px / 500

body:16px / 400

button:16px / 400

Shadows

Spacing

1px5px8px10px11.2px12px

Border Radius

1px

2px

4px

8px

12px

Button States

Tailwind CSS

Default

#f7f1e8

Hover

#1eaedb

Active

#f7f1e8

radius: 9999pxpadding: 16px 12px

output.json

{
  "url": "ouraring.com",
  "colors": [
    "#ececec",
    "#000000",
    "#4a4741",
    "#a8a5a0",
    "#45433e",
    "#8c8b88"
  ],
  "typography": {
    "fontFamily": "AkkuratLL",
    "hero": "96px / 500",
    "body": "16px / 400",
    "button": "16px / 400"
  },
  "shadows": [
    "rgba(0, 0, 0, 0.25) 0px 25px 50px -12px",
    "rgba(255, 255, 255, 0.06) 0px 1px 0px 0px inset",
    "rgba(0, 0, 0, 0.2) 0px 0px 18px 0px"
  ],
  "spacing": [
    "1px",
    "5px",
    "8px",
    "10px",
    "11.2px",
    "12px"
  ],
  "borderRadius": [
    "1px",
    "2px",
    "4px",
    "8px",
    "12px"
  ],
  "buttons": {
    "default": {
      "bg": "#f7f1e8",
      "text": "#838280"
    },
    "hover": {
      "bg": "#1eaedb",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#f7f1e8",
      "text": "#838280"
    },
    "radius": "9999px",
    "padding": "16px 12px",
    "framework": "Tailwind CSS"
  }
}

$npx dembrandt ouraring.com