{
  "id": "sloth-mint",
  "name": "Sloth Mint",
  "version": "1.0",
  "tagline": "Friendly, technical. Mint energy on cloud.",
  "description": "A friendly, technical brand book inspired by Unsloth Studio. Mint green energy on clean off-white, anchored by bold black accents. Every token, component, and pattern you need to build a fast, modern AI/ML product.",
  "inspired_by": { "name": "Unsloth", "url": "https://unsloth.ai" },
  "vibe_tags": ["friendly", "technical", "developer-tool", "AI/ML", "mint-energy"],
  "domain_hint": "AI/ML developer tool",

  "identity": {
    "logomark": {
      "shape": "disk-with-initial",
      "initial": "s",
      "bg_token": "brand.400",
      "fg_token": "carbon",
      "clearspace_px": 8
    },
    "wordmark": {
      "text": "sloth",
      "weight": 700,
      "tracking": "tight",
      "case": "lowercase"
    }
  },

  "voice": {
    "principles": [
      "Friendly, technical, plain-spoken",
      "Numbers over adjectives (\"2× faster\", not \"blazing\")",
      "Sentence case, never SHOUTING"
    ],
    "avoid": ["jargon-as-drama", "hype", "FOMO"],
    "sample_headlines": [
      "Train smarter.",
      "Configure your training run.",
      "Build something delightful.",
      "Real-time observability for every layer."
    ],
    "sample_lead": "A friendly intro paragraph that sits below a hero headline and explains the value in plain language.",
    "sample_body": "Standard body copy. Most page content sits at this size. Generous line height keeps long passages readable.",
    "sample_metrics": [
      ["Tokens / sec", "2,412", "+12%"],
      ["VRAM used", "14.2 GB", "+4%"],
      ["Active runs", "3", "+1"],
      ["Cost saved", "$1,240", null]
    ],
    "sample_code_lang": "python",
    "sample_code": "from unsloth import FastLanguageModel\n\nmodel, tokenizer = FastLanguageModel.from_pretrained(\n    model_name = \"unsloth/qwen3.5-4b\",\n    max_seq_length = 2048,\n    load_in_4bit = True,\n)\n\ntrainer.train()  # 2× faster, 50% less VRAM",
    "sample_terminal_prompt": "~/sloth $",
    "sample_terminal_session": "unsloth train --model qwen3.5-4b\n  ✓ Loaded base model (4.0B params)\n  ✓ Mounted dataset alpaca-cleaned (52,002 rows)\n  ⚡ Starting LoRA fine-tune..."
  },

  "design_principles": [
    "Content first. Chrome second.",
    "Mint accents do the heavy lifting.",
    "Generous whitespace, soft shadows.",
    "Mono for numbers, sans for prose."
  ],

  "color": {
    "primary": {
      "name": "mint",
      "scale": {
        "50":  "#E8FBF2",
        "100": "#C7F0DE",
        "200": "#9EE6C5",
        "300": "#5EE0A8",
        "400": "#22D88F",
        "500": "#0FA968",
        "600": "#0B8954",
        "700": "#076B41",
        "800": "#054E2F"
      },
      "default_step": "400"
    },
    "neutrals": {
      "white":     "#FFFFFF",
      "surface":   "#F7F8FA",
      "border":    "#E5E7EB",
      "muted":     "#94A3B8",
      "ink_soft":  "#475569",
      "ink":       "#1F2937",
      "carbon":    "#0A0A0A"
    },
    "semantic": {
      "success": "#22D88F",
      "warning": "#F59E0B",
      "danger":  "#EF4444",
      "info":    "#60A5FA"
    },
    "category_accents": {
      "violet": "#A78BFA",
      "pink":   "#F472B6",
      "orange": "#FB923C",
      "teal":   "#14B8A6"
    },
    "page_bg_token":   "neutrals.surface",
    "card_bg_token":   "neutrals.white",
    "body_text_token": "neutrals.carbon",
    "muted_text_token": "neutrals.muted"
  },

  "typography": {
    "fonts": {
      "sans": {
        "family": "Inter",
        "fallback": "ui-sans-serif, system-ui, sans-serif",
        "google": true,
        "weights": [400, 500, 600, 700, 800, 900]
      },
      "mono": {
        "family": "JetBrains Mono",
        "fallback": "ui-monospace, monospace",
        "google": true,
        "weights": [400, 500, 600]
      }
    },
    "scale": {
      "display": { "size_px": 72, "line": 0.95, "tracking": "-0.03em", "weight": 800 },
      "h1":      { "size_px": 48, "line": 1.05, "tracking": "-0.03em", "weight": 700 },
      "h2":      { "size_px": 30, "line": 1.15, "tracking": "-0.02em", "weight": 700 },
      "h3":      { "size_px": 20, "line": 1.30, "tracking": "-0.01em", "weight": 700 },
      "lead":    { "size_px": 18, "line": 1.55, "tracking": "0",       "weight": 400 },
      "body":    { "size_px": 15, "line": 1.55, "tracking": "0",       "weight": 400 },
      "caption": { "size_px": 12, "line": 1.40, "tracking": "0.04em",  "weight": 500, "case": "upper" },
      "mono":    { "size_px": 13, "line": 1.50, "tracking": "0",       "weight": 500, "font": "mono" }
    }
  },

  "tokens": {
    "spacing_px": [4, 8, 12, 16, 24, 32, 48, 64],
    "radius_px":  { "sm": 2, "md": 6, "lg": 8, "xl": 12, "2xl": 16, "pill": 9999 },
    "shadow": {
      "sm-soft": "0 1px 2px rgba(10,10,10,0.04)",
      "card":    "0 1px 2px rgba(10,10,10,0.04), 0 0 0 1px rgba(10,10,10,0.04)",
      "lift":    "0 10px 25px -10px rgba(10,10,10,0.18)"
    },
    "motion": {
      "duration_ms": { "fast": 150, "base": 200, "slow": 300 },
      "easing": "cubic-bezier(.4,0,.2,1)"
    }
  },

  "components": {
    "button": {
      "variants": {
        "primary":     { "bg": "brand.400", "fg": "carbon", "hover_bg": "brand.500", "hover_fg": "white", "radius": "xl" },
        "carbon":      { "bg": "carbon",    "fg": "white",  "hover_bg": "ink",       "radius": "xl" },
        "secondary":   { "bg": "white",     "fg": "carbon", "border": "border", "hover_bg": "surface", "radius": "xl" },
        "ghost":       { "bg": "transparent","fg": "brand.600", "hover_bg": "brand.50", "radius": "xl" },
        "destructive": { "bg": "danger",    "fg": "white", "hover_bg": "#DC2626", "radius": "xl" },
        "disabled":    { "bg": "brand.400/50", "fg": "carbon/50", "radius": "xl", "cursor": "not-allowed" }
      },
      "sizes": {
        "tiny":   { "px": 12, "py": 6,  "text_px": 12, "radius": "lg" },
        "sm":     { "px": 16, "py": 8,  "text_px": 14, "radius": "lg" },
        "md":     { "px": 20, "py": 10, "text_px": 14, "radius": "xl" },
        "lg":     { "px": 28, "py": 14, "text_px": 16, "radius": "xl" },
        "xl":     { "px": 36, "py": 16, "text_px": 18, "radius": "2xl" }
      },
      "icon_button": { "size_md": 40, "size_sm": 32, "radius_default": "xl", "radius_round_variant": "pill" }
    },

    "input": {
      "bg": "white",
      "border": "border",
      "radius": "lg",
      "px": 14, "py": 10, "text_px": 14,
      "focus": { "border": "brand.400", "ring": "brand.50", "ring_width": 4 },
      "error": { "border": "#FCA5A5", "bg": "#FEF2F2", "ring": "#FEE2E2", "text": "#EF4444" }
    },

    "select": { "appearance": "custom", "chevron": "lucide-chevron-down", "padding_right": 36 },

    "checkbox": { "size": 18, "border_width": 1.5, "border": "#CBD5E1", "radius": 5, "checked_bg": "brand.400", "check_color": "carbon" },
    "radio":    { "size": 18, "border_width": 1.5, "border": "#CBD5E1", "radius": "pill", "checked_border": "brand.400", "dot_color": "brand.400", "dot_size": 8 },
    "switch":   { "width": 36, "height": 20, "track_off": "#CBD5E1", "track_on": "brand.400", "thumb_color": "white", "thumb_size": 16 },
    "slider":   { "track_height": 6, "track_bg": "#E5E7EB", "fill_color": "brand.400", "thumb_size": 16, "thumb_border": "brand.400", "thumb_bg": "white" },

    "badge": {
      "variants": {
        "neutral":    { "bg": "#F1F5F9", "fg": "#475569", "border": "#E5E7EB" },
        "success":    { "bg": "brand.50", "fg": "brand.600", "border": "brand.100" },
        "warning":    { "bg": "#FFFBEB", "fg": "#B45309", "border": "#FDE68A" },
        "danger":     { "bg": "#FEF2F2", "fg": "#DC2626", "border": "#FECACA" },
        "info":       { "bg": "#F0F9FF", "fg": "#0369A1", "border": "#BAE6FD" },
        "violet":     { "bg": "#F5F3FF", "fg": "#6D28D9", "border": "#DDD6FE" },
        "live":       { "bg": "carbon", "fg": "brand.300", "dot": "brand.300", "pulse": true },
        "running":    { "bg": "brand.400", "fg": "carbon", "dot": "carbon" }
      },
      "shape": "pill",
      "text_px": 11,
      "case": "upper",
      "tracking": "wide",
      "weight": 700,
      "mono_chip": { "bg": "#F1F5F9", "fg": "#475569", "shape": "rounded", "font": "mono", "text_px": 10 }
    },

    "avatar": {
      "sizes_px": [24, 32, 40, 48, 56],
      "shape": "circle",
      "initials": true,
      "color_palette": ["brand.400", "violet", "amber", "sky", "carbon"],
      "stacked_overlap_px": -8,
      "ring_color": "white",
      "ring_width": 2,
      "status_dot": { "size_px": 14, "online_color": "brand.400" }
    },

    "card": {
      "default": { "bg": "white", "border": "border", "radius": "2xl", "padding_px": 24, "shadow": "sm-soft" },
      "dark":    { "bg": "carbon", "fg": "white", "radius": "2xl", "padding_px": 24, "accent_fg": "brand.300" },
      "tinted":  { "bg": "brand.50", "border": "brand.100", "fg": "brand.700", "radius": "2xl", "padding_px": 24 },
      "kpi":     { "sparkline_color": "brand.400", "delta_up_color": "brand.500", "delta_down_color": "#EF4444" },
      "pricing_featured": { "bg": "carbon", "fg": "white", "shadow": "lift", "ribbon_bg": "brand.400", "ribbon_fg": "carbon" }
    },

    "table": {
      "header": { "bg": "surface", "text_px": 11, "case": "upper", "tracking": "wide", "weight": 700, "fg": "#94A3B8", "border_bottom": "border" },
      "row_hover": "brand.50/50",
      "row_divider": "#F1F5F9",
      "cell_padding_px": [16, 12],
      "compact_padding_px": [16, 10],
      "striped_bg": "surface"
    },

    "alert": {
      "shape": "rounded-xl",
      "padding_px": 16,
      "icon_size_px": 20,
      "variants": {
        "success": { "bg": "brand.50", "border": "brand.100", "title_fg": "brand.700", "body_fg": "brand.600" },
        "warning": { "bg": "#FFFBEB", "border": "#FDE68A", "title_fg": "#92400E", "body_fg": "#B45309" },
        "danger":  { "bg": "#FEF2F2", "border": "#FECACA", "title_fg": "#B91C1C", "body_fg": "#DC2626" },
        "info":    { "bg": "#F0F9FF", "border": "#BAE6FD", "title_fg": "#0369A1", "body_fg": "#0284C7" },
        "promo":   { "bg": "carbon", "fg": "white", "chip_bg": "brand.400", "chip_fg": "carbon" }
      }
    },

    "tabs": {
      "underline": { "active_color": "brand.400", "active_text": "carbon", "inactive_text": "#64748B", "weight_active": 600 },
      "pill":      { "track_bg": "surface", "track_border": "border", "track_radius": "xl", "active_bg": "white", "active_fg": "carbon", "active_shadow": "sm-soft" },
      "chip":      { "active_bg": "carbon", "active_fg": "white", "inactive_bg": "white", "inactive_border": "border" }
    },

    "modal": {
      "scrim": "carbon/40",
      "scrim_blur_px": 2,
      "dialog_bg": "white",
      "dialog_radius": "2xl",
      "dialog_shadow": "lift",
      "dialog_width_px": 480,
      "footer_bg": "surface",
      "icon_bg": "brand.50",
      "icon_fg": "brand.600"
    },

    "toast": {
      "dark":  { "bg": "carbon", "fg": "white", "icon_bg": "brand.400", "icon_fg": "carbon", "radius": "xl", "shadow": "lift" },
      "light": { "bg": "white", "border": "border", "fg": "carbon", "radius": "xl", "shadow": "lift" }
    },

    "tooltip": {
      "bg": "carbon", "fg": "white", "radius": "lg", "text_px": 12,
      "shortcut_bg": "white/20",
      "mint_variant": { "bg": "brand.400", "fg": "carbon", "weight": 600 }
    },

    "progress": {
      "linear":   { "track": "#F1F5F9", "fill": "brand.400", "height_px": 8, "radius": "pill" },
      "circular": { "track": "#E5E7EB", "fill": "brand.400", "stroke_width": 6, "label_color": "carbon" },
      "skeleton": { "color": "#E2E8F0", "animation": "pulse" }
    },

    "code_panel": {
      "bg": "carbon",
      "fg": "#E2E8F0",
      "header_bg": "white/5",
      "header_border": "white/10",
      "traffic_lights": ["#EF4444", "#F59E0B", "brand.400"],
      "syntax": {
        "keyword":  "#C4B5FD",
        "string":   "#FCD34D",
        "number":   "#7DD3FC",
        "function": "brand.300",
        "comment":  "#64748B"
      },
      "radius": "2xl",
      "padding_px": 20,
      "font": "mono",
      "text_px": 13
    },

    "chart": {
      "primary_color": "brand.400",
      "gradient_fade": { "from": "brand.400/30", "to": "brand.400/0" },
      "grid_color": "#E5E7EB",
      "axis_label_color": "#94A3B8",
      "palette": ["brand.400", "violet", "sky", "orange", "pink", "teal"]
    },

    "empty_state": {
      "bg": "white",
      "border_style": "dashed",
      "border": "border",
      "radius": "2xl",
      "padding_px": 48,
      "icon_bg": "brand.50",
      "icon_fg": "brand.500"
    },

    "app_shell": {
      "sidebar_width_px": 220,
      "sidebar_bg": "surface",
      "sidebar_border": "border",
      "nav_active": { "bg": "white", "border": "border", "shadow": "sm-soft", "weight": 600 },
      "nav_idle":   { "fg": "#64748B", "hover_bg": "#F1F5F9" }
    },

    "breadcrumb": { "separator": "/", "active_fg": "carbon", "idle_fg": "#94A3B8" }
  },

  "do": [
    "Use brand.400 for one primary action per view.",
    "Pair mint with carbon for high contrast.",
    "Keep cards on white, page on surface (cloud).",
    "Use mono font for numbers, code, and IDs."
  ],
  "dont": [
    "Don't put white text on brand.400 (insufficient contrast).",
    "Don't use mint as a body text color.",
    "Don't stack more than one mint CTA per fold.",
    "Don't apply heavy shadows — keep it subtle."
  ],

  "a11y": {
    "contrast_pairs": [
      { "fg": "carbon", "fg_hex": "#0A0A0A", "bg": "white", "bg_hex": "#FFFFFF", "ratio": 19.8, "wcag": "AAA", "use": "Body, headings" },
      { "fg": "ink_soft", "fg_hex": "#475569", "bg": "white", "bg_hex": "#FFFFFF", "ratio": 8.0, "wcag": "AAA", "use": "Secondary text" },
      { "fg": "brand.500", "fg_hex": "#0FA968", "bg": "white", "bg_hex": "#FFFFFF", "ratio": 4.7, "wcag": "AA", "use": "Mint links, labels" },
      { "fg": "brand.400", "fg_hex": "#22D88F", "bg": "white", "bg_hex": "#FFFFFF", "ratio": 2.3, "wcag": "fail-body", "use": "UI only, ≥18pt large text on white", "warn": true },
      { "fg": "carbon", "fg_hex": "#0A0A0A", "bg": "brand.400", "bg_hex": "#22D88F", "ratio": 8.6, "wcag": "AAA", "use": "Primary CTA (carbon-on-mint)" }
    ]
  },

  "provenance": {
    "scanned_from": ["uploaded:sloth-mint-brandbook.html (v1.0, 1297 lines)"],
    "scanned_at": "2026-05-25",
    "confidence": "canonical"
  }
}