{
  "theme": "light",
  "archetype": "Archetype 4 (Swiss & High-Contrast) - Institutional Editorial Variant",
  "mood": "Authoritative, Premium, Institutional, High-end Editorial, Brutalist, Trustworthy",
  "colors": {
    "background": "#F9FAFB",
    "surface": "#FFFFFF",
    "surface_alt": "#F4F4F5",
    "text_primary": "#09090B",
    "text_secondary": "#52525B",
    "primary": "#09090B",
    "primary_foreground": "#FFFFFF",
    "accent": "#2563EB",
    "signal_success": "#059669",
    "signal_success_bg": "#D1FAE5",
    "signal_danger": "#E11D48",
    "signal_danger_bg": "#FFE4E6",
    "border": "#E4E4E7"
  },
  "typography": {
    "fonts": {
      "headings": "Outfit",
      "body": "Manrope",
      "mono": "JetBrains Mono"
    },
    "rules": {
      "h1": "text-5xl lg:text-7xl tracking-tighter font-black uppercase text-zinc-900",
      "h2": "text-3xl lg:text-4xl tracking-tight font-bold text-zinc-900",
      "h3": "text-xl lg:text-2xl tracking-tight font-semibold",
      "numbers": "font-mono tracking-tight",
      "labels": "text-xs font-bold uppercase tracking-[0.2em] text-zinc-500"
    }
  },
  "layout": {
    "container_spacing": "px-6 md:px-12 lg:px-24",
    "grid_system_hero": "grid-cols-1 lg:grid-cols-12 gap-8",
    "grid_system_dashboard": "grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6",
    "card_style": "bg-white border border-zinc-200 rounded-none shadow-[4px_4px_0px_0px_rgba(9,9,11,1)]",
    "border_radius": "rounded-none"
  },
  "components": {
    "buttons": "rounded-none font-bold tracking-widest uppercase text-sm border-2 border-black bg-black text-white hover:bg-white hover:text-black hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none shadow-[4px_4px_0px_0px_rgba(0,0,0,0.2)] transition-all px-6 py-3",
    "cards": "bg-white border-2 border-zinc-900 p-6 md:p-8 rounded-none",
    "charts": "Recharts library. Use monochromatic gray lines for neutral history, and stark green/red for P&L tracking. Grid lines should be subtle but visible (border-collapse style).",
    "navigation": "sticky top-0 z-50 bg-white/90 backdrop-blur-xl border-b-2 border-zinc-900",
    "inputs": "rounded-none border-2 border-zinc-300 bg-white focus:border-zinc-900 focus:ring-0 p-3",
    "tables": "w-full text-left text-sm border-collapse. Headers: uppercase, tracking-wider, text-zinc-500, font-bold. Rows: border-b border-zinc-200. Align numeric values to the right."
  },
  "media": {
    "hero_image": "https://static.prod-images.emergentagent.com/jobs/316d794f-2013-4b1e-9cf8-bf518661289f/images/a103af40e01ee16ec993e70d7b5fc0c18288fa772d5b1dbf204322b99b9c0275.png",
    "hero_image_alt": "Abstract geometric frosted glass crypto coin",
    "ai_analyzer_graphic": "https://static.prod-images.emergentagent.com/jobs/316d794f-2013-4b1e-9cf8-bf518661289f/images/f55509050c47fd653d81477c2233449fdc52b06a6811cd11f6a47e0cc9516b7f.png",
    "abstract_chart_bg": "https://images.unsplash.com/photo-1762279389083-abf71f22d338?crop=entropy&cs=srgb&fm=jpg&ixid=M3w4NjA1Mjh8MHwxfHNlYXJjaHwxfHxnZW9tZXRyaWMlMjBmaW5hbmNpYWwlMjBjaGFydHxlbnwwfHx8fDE3Nzg0MTkzOTV8MA&ixlib=rb-4.1.0&q=85"
  },
  "motion": {
    "hover_state": "bg-zinc-50 transition-colors duration-200",
    "page_load": "Framer motion staggered fade-up for dashboard elements",
    "price_flash_up": "animate-[flash-green_1s_ease-in-out] (keyframe: bg-green-100 to transparent)",
    "price_flash_down": "animate-[flash-red_1s_ease-in-out] (keyframe: bg-red-100 to transparent)",
    "marquee": "react-fast-marquee with crypto ticker symbols running continuously at the top"
  },
  "icons": {
    "library": "lucide-react",
    "style": "stroke-[2px] sharp, utilitarian"
  },
  "instructions_to_main_agent": [
    "TECH STACK: React (.jsx/.js files), Tailwind CSS, Framer Motion, Recharts. Do NOT use TypeScript (.tsx).",
    "TYPOGRAPHY: Import Google Fonts: 'Outfit' (headings), 'Manrope' (body text), and 'JetBrains Mono' (financial data). Apply font-mono globally to all prices and percentages.",
    "DESIGN SYSTEM: High-Contrast Editorial Brutalist style (Swiss pattern). No soft shadows, no dark-mode neon gradients. Use strict grid lines, 2px borders, stark white backgrounds, and deep black typography. This creates trust and authority, completely avoiding the 'cheap fintech bro' look.",
    "DASHBOARD GRID: Follow the 'bento_control_room' grid. Use compact, data-dense layouts. Every pixel must be utilized.",
    "DUAL CURRENCY (USD/IDR): Implement a global toggle in the Header. Ensure all price displays, charts, and portfolios recalculate/format instantly when toggled.",
    "HERO SECTION: Must exist above the fold on the homepage. Use the provided 'hero_image' in an asymmetric 12-column grid. Overlay stark black typography.",
    "AI CRYPTO ANALYZER: Spotlight this heavily as it addresses the core user problem. It must have a glaringly obvious Disclaimer banner ('NOT FINANCIAL ADVICE'). Use 'ai_analyzer_graphic' alongside the AI generated insights.",
    "PORTFOLIO: Auth-gated. If the user is not logged in, show an editorial-style login/register prompt. Store holdings locally or mock a backend if necessary.",
    "TESTING: Every interactive element and key data display MUST have a 'data-testid' attribute (e.g., 'data-testid=\"currency-toggle\"', 'data-testid=\"portfolio-balance\"').",
    "NO PLACEHOLDER IMAGES: Use only the exact media URLs provided in this JSON. Using placeholder text for images is strictly forbidden."
  ]
}