Name: Dembrandt
Author: Dembrandt

Family

Crypto wallet with cinematic 3D interface

3D card animations

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

#000000

#707070

#121212

#eae6dd

Typography

Family, -apple-system, system-ui

hero:68px / 500

body:17px / 500

button:15px / 500

Shadows

Spacing

2px4px5px6px8px9px

Border Radius

2px

4px

6px

8px

10px

Button States

PrimeReact

Default

#f6f4ef

Hover

#eae6dd

Active

#f6f4ef

radius: 32pxpadding: 0px 14px

output.json

{
  "url": "family.co",
  "colors": [
    "#000000",
    "#707070",
    "#121212",
    "#eae6dd"
  ],
  "typography": {
    "fontFamily": "Family, -apple-system, system-ui",
    "hero": "68px / 500",
    "body": "17px / 500",
    "button": "15px / 500"
  },
  "shadows": [
    "color(display-p3 0.94902 0.941176 0.929412) 0px 0px 0px 1px inset",
    "rgba(0, 0, 0, 0.1) 0px 3px 16px 0px"
  ],
  "spacing": [
    "2px",
    "4px",
    "5px",
    "6px",
    "8px",
    "9px"
  ],
  "borderRadius": [
    "2px",
    "4px",
    "6px",
    "8px",
    "10px"
  ],
  "buttons": {
    "default": {
      "bg": "#f6f4ef",
      "text": "#121212"
    },
    "hover": {
      "bg": "#eae6dd",
      "text": "#121212"
    },
    "active": {
      "bg": "#f6f4ef",
      "text": "#121212"
    },
    "radius": "32px",
    "padding": "0px 14px",
    "framework": "PrimeReact"
  }
}

$npx dembrandt family.co