# Nick: your AI trading agent — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://getnick.ai/
Captured: 2026-10-10
CSS measured: 2026-10-10T05:37:07.775Z at 1440×1000 — https://getnick.ai/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

NickAI presents a clean, modern interface focused on demonstrating its AI trading agent platform. The design is predominantly minimal and corporate, utilizing a high-contrast black and white palette (color-1, color-3) accented with primary blue (color-7) and functional greens (color-8) and reds for trading data. The typography relies on a geometric sans-serif (duplet) for headings and a highly legible sans-serif (Manrope) for dense technical body copy, creating a clear typographic hierarchy. The layout is structured around large, prominent UI mockups that serve as functional illustrations of the product. The generous use of negative space and soft borders (color-13) around components like pr

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: AI, Software
- Styles: minimal, corporate, geometric, typographic, dashboard-ui
- Platform: Custom code
- Technology: Astro, Three.js

## Typography

- Display: duplet — weight 600; size 54px; line-height 58.3px; tracking -0.5px; Regular (95% role confidence, computed values)
- Heading: duplet — weight 600; size 40px; line-height 52px; tracking -0.5px; Regular (90% role confidence, computed values)
- Body: Manrope — weight 440; size 16px; line-height 26px; tracking 0.2px; Regular (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: Predominant white background used for the main page body and most sections. (100% role confidence, computed values)
- Text — text #09090B: color-3: computed oklch(0.141 0.005 285.823); AI role: Near-black used for primary text and headings. (95% role confidence, computed values)
- Primary Action — primary action #0178FF: color-7: computed rgb(1, 120, 255); AI role: Bright blue used for primary CTA buttons like 'Start for Free' and highlighting active states in UI. (95% role confidence, computed values)
- Muted Text — muted text #52525C: color-2: computed oklch(0.442 0.017 285.786); AI role: Dark gray used for secondary text, navigation links, and UI element text. (90% role confidence, computed values)
- Border — border #E4E4E7: color-13: computed oklch(0.92 0.004 286.32); AI role: Light gray used for borders around UI mockups and dividing lines. (85% role confidence, computed values)
- Accent — accent #00A63E: color-8: computed rgb(0, 166, 62); AI role: Green used for specific CTA buttons and positive indicators (e.g., 'Try for free now', positive percentage changes). (80% role confidence, computed values)
- Surface — surface #F4F4F5: color-4: computed oklch(0.967 0.001 286.375); AI role: Very light gray used as a background for certain UI mockup areas. (75% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "24px",
    "lineHeight": "36px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "p",
        "text": "Hello James",
        "top": 689,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Say it, Nick trades it.",
        "top": 3363,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Ask, and watch it happen.",
        "top": 3363,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "40px",
    "lineHeight": "52px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h2",
        "text": "Purpose-built for autonomous agents.",
        "top": 2796,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "All the data your agents need, in one place.",
        "top": 4138,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Ask a question. Get a chart back.",
        "top": 4793,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h3",
        "text": "Portfolio",
        "top": 5125,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Fear & Greed Index",
        "top": 5661,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Bet placed",
        "top": 5769,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "40px",
    "lineHeight": "50px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "Give it a try. It’s Free.",
        "top": 1526,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Turn your ideas into live trades.",
        "top": 2070,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Test and prove it on paper trading.",
        "top": 7406,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "40px",
    "lineHeight": "48px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "The right plan for your strategy",
        "top": 8812,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "11px",
    "lineHeight": "16.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 55,
    "contexts": [
      {
        "tag": "p",
        "text": "Buy $50 of NVDA on paper trading when the price is below $200",
        "top": 637,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "true",
        "top": 986,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Runs every 12 hours",
        "top": 713,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 52,
    "contexts": [
      {
        "tag": "span",
        "text": "1,000 credits. No card. No time limit.",
        "top": 389,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Pull NVDA price, and give me the daily chart",
        "top": 562,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Reasoning",
        "top": 578,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "550",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 48,
    "contexts": [
      {
        "tag": "span",
        "text": "Reasoning",
        "top": 622,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "NVDA",
        "top": 669,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Chat",
        "top": 1067,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 30,
    "contexts": [
      {
        "tag": "p",
        "text": "3M · Apr 13 to Jul 9",
        "top": 852,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Created workflow \"NVDA 12h buy below 200\".",
        "top": 669,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI can make mistakes · please double-check",
        "top": 1120,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "550",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "a",
        "text": "Use Cases",
        "top": 22,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Enterprise",
        "top": 30,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pricing",
        "top": 30,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "14px",
    "lineHeight": "22.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "div",
        "text": "Create a workflow to buy $50 of shares every 12 hour when NVDA is below $200. Use my paper trading w",
        "top": 501,
        "property": "font"
      },
      {
        "tag": "blockquote",
        "text": "Make sure an email credential is configured in the Email Notification node so the alert can be deliv",
        "top": 1883,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "btc price reminder for when goes down below 80k. btc price reminder for when goes down below 80k",
        "top": 3036,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "a",
        "text": "Login",
        "top": 22,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Start for Free",
        "top": 22,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "NVDA 12h buy below 200",
        "top": 648,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "11px",
    "lineHeight": "15.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "span",
        "text": "Snapshot · Jul 31, 4:00 PM",
        "top": 5182,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "·",
        "top": 5182,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Check again",
        "top": 5182,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Portfolio",
        "top": 3585,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "24",
        "top": 5910,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "32",
        "top": 5910,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Run Now",
        "top": 554,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "NVDA 12h buy below 200",
        "top": 606,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Start",
        "top": 690,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "16px",
    "lineHeight": "26px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "p",
        "text": "This is Nick. It can help you quickly build trading strategies by simply describing what you want to",
        "top": 1600,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Automate your trading, from simple executions to advanced quant level workflows.",
        "top": 2144,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Multi-model consensus at the core. A new standard for how strategies are built, deployed, and execut",
        "top": 2872,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "16px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "An enterprise ready AI trading agent. Across platforms. Across assets. Non-custodial.",
        "top": 197,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Describe what you want to trade in plain English. Nick builds, tests, deploys, and supervises the wo",
        "top": 273,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Describe the trade in plain English and Nick places it for you, across crypto, stocks, and predictio",
        "top": 3399,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "12px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "NickAI Inc. is a Delaware-registered company headquartered in New York, NY.",
        "top": 11302,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "NickAI provides an automated trading platform that enables users to design, test, and deploy algorit",
        "top": 11337,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "NickAI does not custody, hold, or have access to user funds. All trading executions occur directly b",
        "top": 11412,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "40px",
    "lineHeight": "46px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "$23",
        "top": 9229,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$79",
        "top": 9229,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$239",
        "top": 9229,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "550",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Use cases",
        "top": 1224,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Integrations",
        "top": 1272,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "1,000 credits. No card. No time limit.",
        "top": 10665,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "550",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "0.3px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Product",
        "top": 10834,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Company",
        "top": 10834,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Legal",
        "top": 10834,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "I'm Nick. I help you quickly build trading workflows by simply describing what you want to do.",
        "top": 732,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Start your free trial with 1000 credits",
        "top": 9030,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "34px",
    "lineHeight": "34px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "$202.56",
        "top": 687,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "32px",
    "lineHeight": "38.4px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "$100,000.00",
        "top": 7743,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Nick has built your strategy!",
        "top": 2522,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Nick",
        "top": 10553,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "14px",
    "lineHeight": "19.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Done. I created and validated the workflow for buying $50 of NVDA on paper trading every 12 hours wh",
        "top": 859,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "BTC Price Alert - Below $80K",
        "top": 1516,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "19.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Will Bitcoin close above $70,000 on June 30?",
        "top": 5831,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "500",
    "size": "11px",
    "lineHeight": "16.5px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Chats History",
        "top": 942,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "54px",
    "lineHeight": "58.3px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 27,
    "contexts": [
      {
        "tag": "span",
        "text": "The agentic trading platform.",
        "top": 177,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "T",
        "top": 177,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "h",
        "top": 177,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "Databento",
        "top": 4413,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pyth",
        "top": 4413,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Binance",
        "top": 4553,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "button",
        "text": "BTC DCA: Below $80K",
        "top": 769,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "AI Hedge Fund",
        "top": 802,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "New Workflow",
        "top": 518,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "duplet",
    "fontStack": "duplet, \"duplet Fallback\", \"Inter Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "28px",
    "lineHeight": "35px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "$19,800.00",
        "top": 3733,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$",
        "top": 3733,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 3733,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "550",
    "size": "10px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "span",
        "text": "⌘ K",
        "top": 643,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "✓",
        "top": 1960,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "✓",
        "top": 2184,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "440",
    "size": "10px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "span",
        "text": "papernick2",
        "top": 5128,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Alternative.me",
        "top": 5696,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "0",
        "top": 5851,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "550",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "button",
        "text": "GPT 5.6 Sol",
        "top": 1018,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Overview",
        "top": 554,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Trading",
        "top": 554,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "600",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "BTC",
        "top": 3801,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "ETH",
        "top": 3801,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "SOL",
        "top": 3878,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "550",
    "size": "11px",
    "lineHeight": "16.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Filled",
        "top": 5769,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "View on Kalshi",
        "top": 6133,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Working",
        "top": 6394,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "Manrope",
    "fontStack": "Manrope, \"Manrope Fallback\", \"Manrope Fallback\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "td",
        "text": "Start",
        "top": 1598,
        "property": "font"
      },
      {
        "tag": "td",
        "text": "BTC Price",
        "top": 1634,
        "property": "font"
      },
      {
        "tag": "td",
        "text": "Below $80K?",
        "top": 1671,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 204,
    "contexts": [
      {
        "tag": "body",
        "text": "{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"NickAI\",\"url\":\"https://getnick.ai\"}{\"@con",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "NickAIUse CasesVibe TradingTurn an idea into a workflow with NickAutomated TradingAI agents that tra",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Login",
        "top": 22,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#52525C",
    "alpha": 1,
    "cssValue": "oklch(0.442 0.017 285.786)",
    "count": 275,
    "contexts": [
      {
        "tag": "a",
        "text": "Use Cases",
        "top": 22,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Enterprise",
        "top": 30,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Resources",
        "top": 22,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#09090B",
    "alpha": 1,
    "cssValue": "oklch(0.141 0.005 285.823)",
    "count": 265,
    "contexts": [
      {
        "tag": "span",
        "text": "NickAI",
        "top": 25,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Login",
        "top": 22,
        "property": "control-background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 142,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F4F4F5",
    "alpha": 1,
    "cssValue": "oklch(0.967 0.001 286.375)",
    "count": 29,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1119,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "New WorkflowHello JamesI'm Nick. I help you quickly build trading workflows by simply describing wha",
        "top": 500,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "",
        "top": 1012,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 46,
    "contexts": [
      {
        "tag": "svg",
        "text": "NVIDIA",
        "top": 5139,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 5146,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#9F9FA9",
    "alpha": 1,
    "cssValue": "oklch(0.705 0.015 286.067)",
    "count": 213,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 33,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 38,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 520,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#0178FF",
    "alpha": 1,
    "cssValue": "rgb(1, 120, 255)",
    "count": 86,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 28,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Start for Free",
        "top": 22,
        "property": "control-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 625,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#00A63E",
    "alpha": 1,
    "cssValue": "rgb(0, 166, 62)",
    "count": 125,
    "contexts": [
      {
        "tag": "a",
        "text": "Try for free now",
        "top": 329,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "1,000 credits",
        "top": 390,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "+$18.5 (+9.13%) Today",
        "top": 728,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#0076FF",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(1, 120, 255, 0.05)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Add Start node✓{ \"type\": \"addNode\", \"data\": { \"label\": \"Start\", \"config\": { \"schedule\": { \"type\": \"i",
        "top": 1950,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.8)",
    "count": 7,
    "contexts": [
      {
        "tag": "header",
        "text": "NickAIUse CasesVibe TradingTurn an idea into a workflow with NickAutomated TradingAI agents that tra",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "li",
        "text": "10 agents",
        "top": 9398,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#000000",
    "alpha": 0.058823529411764705,
    "cssValue": "rgba(0, 0, 0, 0.06)",
    "count": 139,
    "contexts": [
      {
        "tag": "header",
        "text": "NickAIUse CasesVibe TradingTurn an idea into a workflow with NickAutomated TradingAI agents that tra",
        "top": 0,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "NickAIUse CasesVibe TradingTurn an idea into a workflow with NickAutomated TradingAI agents that tra",
        "top": 0,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 470,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#14BA80",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(16, 185, 129, 0.1)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 737,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Connect nde_kdu2kg5ybbxk → nde_bzv30mjnbk2l✓",
        "top": 2288,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#E4E4E7",
    "alpha": 1,
    "cssValue": "oklch(0.92 0.004 286.32)",
    "count": 371,
    "contexts": [
      {
        "tag": "div",
        "text": "WorkspaceJames TradingNew Chat⌘ K Home Workflows BTC DCA: Below $80KAI Hedge Fund Library Settings C",
        "top": 494,
        "property": "border"
      },
      {
        "tag": "button",
        "text": "",
        "top": 1012,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 601,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F3F3F5",
    "alpha": 0.5019607843137255,
    "cssValue": "oklab(0.967 0.000281923 -0.000959437 / 0.5)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Filled completely100 of 100 shares at 62¢ or betterkx_9a3f2210View on Kalshi",
        "top": 6111,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#111113",
    "alpha": 1,
    "cssValue": "rgb(17, 17, 19)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "What is NVDA trading at?",
        "top": 5056,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#05DF72",
    "alpha": 1,
    "cssValue": "rgb(5, 223, 114)",
    "count": 4,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 3199,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 5309,
        "property": "svg-stroke"
      },
      {
        "tag": "div",
        "text": "82",
        "top": 5910,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#18181B",
    "alpha": 1,
    "cssValue": "oklch(0.21 0.006 285.885)",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "New Chat⌘ K",
        "top": 638,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "Pull NVDA price, and give me the daily chart",
        "top": 562,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#D4D4D8",
    "alpha": 1,
    "cssValue": "oklch(0.871 0.006 286.286)",
    "count": 53,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 1019,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1023,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "",
        "top": 709,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#FFFFFF",
    "alpha": 0.9490196078431372,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.95)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "AI Hedge Fund (Paper Trading)4 nodesAuto arrange",
        "top": 2259,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#FFFFFF",
    "alpha": 0.7490196078431373,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.75)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "For active traders deploying multiple agents across markets.",
        "top": 9158,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#27272A",
    "alpha": 1,
    "cssValue": "oklch(0.274 0.006 286.033)",
    "count": 1,
    "contexts": [
      {
        "tag": "tr",
        "text": "NodeRole",
        "top": 1562,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FFFFFF",
    "alpha": 0.6980392156862745,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.7)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "⌘ K",
        "top": 643,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Workflow is ready to run. You can view or execute now.",
        "top": 2550,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#BED3E7",
    "alpha": 1,
    "cssValue": "rgb(190, 211, 231)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3671,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#0076FF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(1, 120, 255, 0.1)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 650,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Agent",
        "top": 1067,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#EF4444",
    "alpha": 1,
    "cssValue": "rgb(239, 68, 68)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "22",
        "top": 5756,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 5776,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 5783,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#0077FF",
    "alpha": 0.058823529411764705,
    "cssValue": "rgba(1, 120, 255, 0.06)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Powered by Snapshot.org",
        "top": 8640,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#00A73B",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.627 -0.166662 0.0992956 / 0.1)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Filled",
        "top": 5769,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#8FC3FF",
    "alpha": 1,
    "cssValue": "rgb(143, 195, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3644,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#4DA0FF",
    "alpha": 1,
    "cssValue": "rgb(77, 160, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3644,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#7BF1A8",
    "alpha": 1,
    "cssValue": "rgb(123, 241, 168)",
    "count": 2,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 3195,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#E7000B",
    "alpha": 1,
    "cssValue": "oklch(0.577 0.245 27.325)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "−0.90%",
        "top": 5418,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#F7931A",
    "alpha": 1,
    "cssValue": "rgb(247, 147, 26)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "₿",
        "top": 3802,
        "property": "background"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 5390,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#666666",
    "alpha": 1,
    "cssValue": "rgb(102, 102, 102)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 3003,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#FB923C",
    "alpha": 1,
    "cssValue": "rgb(251, 146, 60)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "32",
        "top": 5910,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#84CC16",
    "alpha": 1,
    "cssValue": "rgb(132, 204, 22)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "64",
        "top": 5910,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#BB4D00",
    "alpha": 1,
    "cssValue": "oklch(0.555 0.163 48.998)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Working",
        "top": 6394,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#F59300",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.769 0.0640531 0.176752 / 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Working",
        "top": 6394,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#FB2C38",
    "alpha": 0.25098039215686274,
    "cssValue": "oklab(0.637 0.214213 0.1014 / 0.25)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 5910,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#FFFFFF",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.15)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Most popular",
        "top": 9131,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#9810FA",
    "alpha": 1,
    "cssValue": "oklch(0.558 0.288 302.321)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "PAPER TRADE",
        "top": 1071,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#AD42FF",
    "alpha": 0.12156862745098039,
    "cssValue": "oklab(0.627 0.147802 -0.219953 / 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "PAPER TRADE",
        "top": 1071,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#DDDDDD",
    "alpha": 1,
    "cssValue": "rgb(221, 221, 221)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Start your free trial with 1000 credits",
        "top": 9025,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#000000",
    "alpha": 0.0784313725490196,
    "cssValue": "oklab(0 0 0 / 0.08)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9038,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#71717A",
    "alpha": 1,
    "cssValue": "rgb(113, 113, 122)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 5364,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 5474,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#4F39F6",
    "alpha": 1,
    "cssValue": "oklch(0.511 0.262 276.966)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "PRICE-DATA",
        "top": 881,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#635AFF",
    "alpha": 0.12156862745098039,
    "cssValue": "oklab(0.585 0.0288678 -0.231205 / 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "PRICE-DATA",
        "top": 881,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#71717B",
    "alpha": 1,
    "cssValue": "oklch(0.552 0.016 285.938)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "CONDITION",
        "top": 881,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#73737B",
    "alpha": 0.12156862745098039,
    "cssValue": "oklab(0.552 0.00439355 -0.015385 / 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "CONDITION",
        "top": 881,
        "property": "background"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between major sections to maintain a clean layout. Tighter spacing within UI mockups to group related data.
- Corner style: Consistent use of rounded corners on buttons, cards, and UI mockups, creating a softer, modern feel.
- Radius: Medium border radius appears standard for buttons and UI widget containers.
- Borders: Subtle, solid 1px borders (often color-13) used to define boundaries of UI mockups and pricing cards without adding visual noise.
- Buttons: Solid fill with rounded corners for primary actions. Text links used for secondary actions.
- Content width: Content is generally centered with a defined maximum width for readability, while background elements occasionally bleed to edges.
- Density: The overall page is low density, emphasizing white space. The UI mockups within the page are high density, displaying complex trading information compactly.
- Evidence: Observation of layout structure, CSS border colors (color-11, color-13), button background colors (color-7, color-8), and juxtaposition of sparse text sections with dense UI graphics.

## Sections

Gallery section count: 16. Each entry corresponds to one gallery capture.

1. **Features — Nick: your AI trading agent Features** (Home)
   Reusable feature composition from Home, organized around “Nick: your AI trading agent Features”.
   Capture: 1440×720px; page bounds 470–1190px of 11510px; source section ID: `3d848222-e0b9-4bfa-a8e2-2fb615c55926`; image: https://media.designdetails.io/library/a2164ccb8fb31b46a4b3ddf0ffbd55a68087a6d64e3d1676bf232d929a0714a0/section_crop-3d848222-2026-10-10T05-37-21-256Z.webp
   SECTION.md v3.2: `3d848222-e0b9-4bfa-a8e2-2fb615c55926` (deterministic evidence; editorial review pending)
2. **Footer — Nick: your AI trading agent Footer** (Pricing)
   Closing footer and call-to-action from Pricing, organized around “Nick: your AI trading agent Footer”.
   Capture: 1440×1054px; page bounds 1551–2605px of 2605px; source section ID: `2929a2ec-dc69-413e-ada3-8e59e0d58664`; image: https://media.designdetails.io/library/8ebeba929c27108bf388e9da71061543d89d93ce47b4352d02b1342908bc4b51/section_crop-2929a2ec-2026-10-10T06-39-19-591Z.webp
   SECTION.md v3.2: `2929a2ec-dc69-413e-ada3-8e59e0d58664` (deterministic evidence; editorial review pending)
3. **Features — Turn your ideas into live trades.** (Home)
   Reusable feature composition from Home, organized around “Turn your ideas into live trades.”.
   Capture: 1440×726px; page bounds 2006–2732px of 11510px; source section ID: `18f67bd2-dbaf-422d-9203-2a43421c768a`; image: https://media.designdetails.io/library/e367d40a9ea16a16af22d0e5f645466b87b46e78ecff8dd3c4353650429c7398/section_crop-18f67bd2-2026-10-10T05-37-24-241Z.webp
   SECTION.md v3.2: `18f67bd2-dbaf-422d-9203-2a43421c768a` (deterministic evidence; editorial review pending)
4. **FAQ — Ask a question. Get a chart back.** (Home)
   FAQ composition from Home, organized around “Ask a question. Get a chart back.”.
   Capture: 1440×2028px; page bounds 4729–6757px of 11510px; source section ID: `06ecdfb5-a426-49fc-8ad7-3f100fbce12c`; image: https://media.designdetails.io/library/172f487b2cf336257cc6cc01428e340dbb2aec8eb924936a3a16311089afbef4/section_crop-06ecdfb5-2026-10-10T05-37-27-379Z.webp
   SECTION.md v3.2: `06ecdfb5-a426-49fc-8ad7-3f100fbce12c` (deterministic evidence; editorial review pending)
5. **Features — You stay in control.** (Home)
   Reusable feature composition from Home, organized around “You stay in control.”.
   Capture: 1440×647px; page bounds 8101–8748px of 11510px; source section ID: `fccc7069-4885-4954-abd4-193aa27cb368`; image: https://media.designdetails.io/library/f45aecccf7492105bf3e08ee623a38a5bab49b9f35f43b0f4a10782f7484df6a/section_crop-fccc7069-2026-10-10T05-37-30-283Z.webp
   SECTION.md v3.2: `fccc7069-4885-4954-abd4-193aa27cb368` (deterministic evidence; editorial review pending)
6. **Features — Built for funds and enterprises, backed by Galaxy.** (Home)
   Reusable feature composition from Home, organized around “Built for funds and enterprises, backed by Galaxy.”.
   Capture: 1440×362px; page bounds 9664–10026px of 11510px; source section ID: `e16c380f-b69d-4ed1-ba73-c9be066f89d6`; image: https://media.designdetails.io/library/3770032488fa4e35c5a76be75c085ebf3d54a8cd0005ee6f3b3c0baefa212380/section_crop-e16c380f-2026-10-10T05-37-32-167Z.webp
   SECTION.md v3.2: `e16c380f-b69d-4ed1-ba73-c9be066f89d6` (deterministic evidence; editorial review pending)
7. **Pricing — Strategy Pricing Plans** (Pricing)
   AI suggestion (99% confidence): Complete pricing section with a clear headline, supporting copy, billing toggle, trial-credit note, and full three-tier comparison including CTAs and feature lists.
   Capture: 1440×1039px; page bounds 81–1120px of 2605px; source section ID: `eeecebc8-47b1-4868-978b-9dcce088b914`; image: https://media.designdetails.io/library/91c3d531b3c3e12aa14a8498c9ca77b9c54a6da7de05578a321ddf98eb4efb95/eeecebc8-47b1-4868-978b-9dcce088b914.webp
   SECTION.md v3.2: `eeecebc8-47b1-4868-978b-9dcce088b914` (deterministic evidence; editorial review pending)
8. **Hero — Agentic Trading Platform Hero** (Home)
   AI suggestion (98% confidence): Complete product hero with positioning copy, primary CTA, large workflow UI preview, use-case tags, and integration chips; it has a clear start below the header and a defined ending.
   Capture: 1440×1263px; page bounds 84–1347px of 11510px; source section ID: `70ad703b-3f3d-4c39-9346-6f209ca7c953`; image: https://media.designdetails.io/library/75800aafab376760437f833f25d4f78e0d7c4b37cffc69ea6d94173eb5f3204e/70ad703b-3f3d-4c39-9346-6f209ca7c953.webp
   SECTION.md v3.2: `70ad703b-3f3d-4c39-9346-6f209ca7c953` (deterministic evidence; editorial review pending)
9. **FAQ — Pricing Questions Accordion** (Pricing)
   AI suggestion (96% confidence): Self-contained FAQ component pairing a distinctive blue visual with a complete four-question accordion, including one expanded answer.
   Capture: 1440×440px; page bounds 1123–1563px of 2605px; source section ID: `01978239-863e-40f5-9031-6314cb1cf0d4`; image: https://media.designdetails.io/library/120b4b6bf69e1cfcc72ce51a9519d105a1f1fc508fc6e5c592bcabb39f174d60/01978239-863e-40f5-9031-6314cb1cf0d4.webp
   SECTION.md v3.2: `01978239-863e-40f5-9031-6314cb1cf0d4` (deterministic evidence; editorial review pending)
10. **CTA — Free Trading Agent Prompt CTA** (Home)
   AI suggestion (96% confidence): Self-contained conversion section with a strong “Give it a try. It’s Free.” headline, explanatory copy, interactive prompt field, suggested tasks, and distinctive blue ribbon framing.
   Capture: 1440×660px; page bounds 1350–2010px of 11510px; source section ID: `95ae3e6f-ec65-4786-a6fb-c40b2adfc7e7`; image: https://media.designdetails.io/library/bf0c2f386dc02b8172fc518b1b8095ce0e55766f9ce306894491b62e93ae78f9/95ae3e6f-ec65-4786-a6fb-c40b2adfc7e7.webp
   SECTION.md v3.2: `95ae3e6f-ec65-4786-a6fb-c40b2adfc7e7` (deterministic evidence; editorial review pending)
11. **Feature Grid — Autonomous Agent Capabilities** (Home)
   AI suggestion (98% confidence): Complete section with its own heading, supporting copy, and a cohesive 2×2 grid of illustrated capability cards covering trading, conversational workflows, model orchestration, and automation.
   Capture: 1440×1350px; page bounds 2741–4091px of 11510px; source section ID: `9ae3498b-47f3-4822-b468-57b4dcb924ac`; image: https://media.designdetails.io/library/928b0bac1b5a5ab1865fe26964682ff5e43559b480675fc5125b108b7847a114/9ae3498b-47f3-4822-b468-57b4dcb924ac.webp
   SECTION.md v3.2: `9ae3498b-47f3-4822-b468-57b4dcb924ac` (deterministic evidence; editorial review pending)
12. **Logo Cloud — Unified Agent Data Sources** (Home)
   AI suggestion (97% confidence): Self-contained integration section with a clear heading and description, followed by a complete two-row cloud of recognizable market and blockchain data-source logos.
   Capture: 1440×624px; page bounds 4094–4718px of 11510px; source section ID: `c9377d03-8961-4e9e-895c-7acfafc45b7e`; image: https://media.designdetails.io/library/e783ec2fefee850f4132fe4146199268674f0978c72d7a0018ddbe6c110e4304/c9377d03-8961-4e9e-895c-7acfafc45b7e.webp
   SECTION.md v3.2: `c9377d03-8961-4e9e-895c-7acfafc45b7e` (deterministic evidence; editorial review pending)
13. **Logo Cloud — Trade Across Existing Venues** (Home)
   AI suggestion (98% confidence): Complete integration section with a clear heading, supporting copy, and a self-contained two-row grid of recognizable trading venue logos.
   Capture: 1440×549px; page bounds 6787–7336px of 11510px; source section ID: `23dd451f-3ff6-4c17-98f0-a7c25a376269`; image: https://media.designdetails.io/library/61eaff3981073f6f3999e7164332c6f42e96b03ee53031b9d485bafb05c6ea18/23dd451f-3ff6-4c17-98f0-a7c25a376269.webp
   SECTION.md v3.2: `23dd451f-3ff6-4c17-98f0-a7c25a376269` (deterministic evidence; editorial review pending)
14. **Process — Paper Trading Validation Flow** (Home)
   AI suggestion (96% confidence): Complete paper-trading section combining a three-step workflow, explanatory callout, CTA, and a supporting account dashboard preview.
   Capture: 1440×756px; page bounds 7348–8104px of 11510px; source section ID: `388c13e4-089e-40cb-9e96-0b461d09b4c5`; image: https://media.designdetails.io/library/f0e109018b0cc344440e17506de1d8107567753985bb17018311e73a34600442/388c13e4-089e-40cb-9e96-0b461d09b4c5.webp
   SECTION.md v3.2: `388c13e4-089e-40cb-9e96-0b461d09b4c5` (deterministic evidence; editorial review pending)
15. **CTA — Nick AI Strategy Trial CTA** (Home)
   AI suggestion (98% confidence): Complete conversion panel with a bold strategy prompt, product identity, supporting offer details, and two clear action buttons.
   Capture: 1440×333px; page bounds 10456–10789px of 11510px; source section ID: `e8c984d5-6461-4881-941b-d3a0d0de4066`; image: https://media.designdetails.io/library/b900dea1a000e89b88caac21210ada9674972c9b957a299f2958cdddc50f77db/e8c984d5-6461-4881-941b-d3a0d0de4066.webp
   SECTION.md v3.2: `e8c984d5-6461-4881-941b-d3a0d0de4066` (deterministic evidence; editorial review pending)
16. **Footer — NickAI Multi-Tier Footer** (Home)
   AI suggestion (99% confidence): Complete, substantial footer containing grouped navigation links, social channels, brand and copyright details, partner attribution, company information, security notes, and risk disclosures.
   Capture: 1440×721px; page bounds 10789–11510px of 11510px; source section ID: `7751d4fc-113a-464a-b2ed-e13330e2a135`; image: https://media.designdetails.io/library/cc1efa14d096d481116b04044b7a6e078e1c8f68f8337017cbaab7ce8ea2f12d/7751d4fc-113a-464a-b2ed-e13330e2a135.webp
   SECTION.md v3.2: `7751d4fc-113a-464a-b2ed-e13330e2a135` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/986547b27d269e26a97578b2108771bda5ca2edd6a029267aa49f53a67d0b1ea/desktop_full-88e2f355-2026-10-10T05-37-07-798Z.webp
- Mobile screenshot: https://media.designdetails.io/library/37ba5d312a5b2e0b2118b8943331525a3fcee0e70f0de464f6cb60c43e880d24/mobile_full-88e2f355-2026-10-10T05-38-11-402Z.jpg
- Open Graph image: https://media.designdetails.io/library/d616a4161be724fb645c2197d88796965b5e08af0b26b6562860b215a45a3112/og_image-88e2f355-2026-10-10T05-37-18-309Z.webp
- Full-page video: https://media.designdetails.io/library/24c53b108485e711a330ddf725d2ee362bba4d1ff85531461ab053a6ac1ab39a/motion-1791621031787.mp4
- Video poster: https://media.designdetails.io/library/a7d09757da6818e044e5ea1cd6bd6363deb6b7212ed93990f0dab88e458fa8a0/motion-poster-1791621031787.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Product UI
- Logo Strip
- Hero
- Primary Button
- Feature Collection
- Pricing Table
- FAQ Accordion
- Footer
- Badge
- UI Mockup Showcase
- Data Visualization Widget

## Quality rubric

Overall: 51.6/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: NickAI's landing page is a clean, well-organized execution of a very familiar AI-SaaS template: legible typographic hierarchy, functional data-color coding, and a strong practice of using real product UI as illustrative content throughout. However, motion is limited to generic scroll-reveal fades, the color system is inconsistent in its CTA hierarchy (blue vs. green as competing 'primary' actions), and the overall structure — gradient hero blob, logo strip, UI-mockup showcase, pricing cards, FAQ accordion — closely follows an extremely common pattern with no distinguishing, hard-to-substitute design idea. The result reads as competent and professional but not memorable or novel.

- Typography (15%): 59 — A conventional but cleanly executed two-family system: geometric 'duplet' for display/headings and Manrope for body/UI copy, with a sensible size scale (54px hero, 40px section heads, 16px body) and consistent negative letter-spacing on large sizes. Hierarchy is legible and well-differentiated across dozens of weight/size combinations used inside the UI mockups, but the pairing itself is a standard SaaS convention with no expressive or unusual typographic move.
- Color (10%): 55 — The dominant white/near-black base with a single blue accent is clean and legible, and functional red/green trading colors are used consistently for data semantics. However the page undermines its own hierarchy by treating two different hues as 'primary' CTA color (blue in the header, green in the hero and elsewhere), which weakens the sense of a single deliberate accent system.
- Layout (20%): 61 — The page follows a well-worn but competently built SaaS rhythm: centered max-width content, alternating two-column feature blocks, large bordered UI-mockup panels as illustrations, a logo grid, a three-tier pricing table, and an FAQ accordion. Spacing is generous and consistent, and the device of pairing a headline/copy block with a product screenshot repeats coherently through the page, but the structure itself is a very standard template grammar rather than a bespoke system.
- Motion (20%): 47 — Observed motion is limited to standard scroll-triggered fade-in and slide-up reveals applied section by section as the user scrolls — a very common, low-risk interaction pattern. There is no evidence of distinctive choreography, parallax depth, cursor-driven interaction, or motion that reinforces the product's 'agentic' narrative beyond generic entrance animations.
- Originality (25%): 37 — Nearly every structural element — gradient hero blob, logo integration strip, UI-mockup showcase, three-tier pricing card, FAQ accordion with +/x icons — is a widely used convention in current AI/SaaS landing pages. The one genuinely product-specific idea (showing real chat/workflow/portfolio UI as the illustrative content) is executed competently but is itself a common pattern in agent-platform marketing sites, not a hard-to-substitute design idea unique to this brand.
- Content (10%): 64 — The page's strongest asset is using actual product UI (chat flows, workflow graphs, portfolio widgets, prediction-market bet cards, fear & greed index) as the illustrative content rather than generic stock imagery, and this device repeats consistently to substantiate claims like 'Ask a question. Get a chart back.' This ties copy directly to functional visuals throughout, though the content itself (feature list, logos, pricing, FAQ, legal footer) follows a conventional information architecture.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [x] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A bold diagonal blue ribbon on white gives the hero energy, while the actual product sits right below as a real chat and workflow panel with nodes and live status labels. Short, repeated white cards for strategies, data sources, and pricing pace the long scroll into easy, scannable chunks that build confidence in a complex trading tool.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.