{
  "$schema": "https://uikit.studio/agent-manifest.schema.json",
  "id": "sada",
  "name": "Sada",
  "tagline": "Editorial audio & video media kit",
  "description": "A warm, Arabic-first publishing kit for media platforms — podcasts, documentaries, newsletters and longreads. Cream paper, ink-black type, a hot-orange accent and a mustard 'subscribe' gold. IBM Plex Sans Arabic for UI with the Thmanyah Sans/Serif display faces; typographic 'cover' art instead of stock photos. Full dark mode and EN/AR + RTL. Runnable React app.",
  "version": "1.0.0",
  "source": "community",
  "verified": false,
  "license": "MIT",
  "repo": "https://github.com/KernelCode/sada-uikit",
  "demo": "https://uikit.studio/demos/sada/",
  "gallery": "https://uikit.studio/kit/sada",
  "spec": "https://uikit.studio/kit/sada/llms.txt",
  "styling": "tailwind + tokens",
  "frameworks": [
    "react"
  ],
  "prompt": "An editorial audio & video media platform — cream paper, ink-black type, a hot-orange accent and a mustard 'subscribe' gold. IBM Plex Sans Arabic for UI with the Thmanyah Sans/Serif display faces. Dense editorial card grids with typographic show 'covers' instead of stock photos. Arabic-first, full RTL, full dark mode. Ship a home feed (hero, featured, episodes, newsletters, documentaries, articles), an articles index, a podcasts page, and a components showcase.",
  "fonts": {
    "display": "Thmanyah Sans",
    "sans": "IBM Plex Sans Arabic",
    "mono": "IBM Plex Sans Arabic"
  },
  "radius": "0.75rem",
  "tokens": {
    "light": {
      "primary": "#15110c",
      "accent": "#fa541c",
      "gold": "#e3b23c",
      "background": "#f6f4ee",
      "foreground": "#15110c",
      "card": "#ffffff",
      "muted": "#ece8df",
      "border": "#e2ddd2"
    },
    "dark": {
      "background": "#14110c",
      "foreground": "#f4efe6",
      "card": "#1d1813",
      "accent": "#fd6f3a",
      "muted": "#261f17",
      "border": "#322a20"
    }
  },
  "brandScale": {
    "50": "#fff3ed",
    "100": "#ffe2d3",
    "200": "#ffc2a6",
    "300": "#ff9a6f",
    "400": "#fd6f3a",
    "500": "#fa541c",
    "600": "#e23d0a",
    "700": "#b62f09",
    "800": "#8f2710",
    "900": "#74230f"
  },
  "components": [
    "Button",
    "Badge",
    "Input",
    "Card",
    "Container",
    "Cover"
  ],
  "blocks": [
    "Wordmark",
    "SectionHeader",
    "Footer"
  ],
  "templates": [
    {
      "name": "Home",
      "route": "/"
    },
    {
      "name": "Articles",
      "route": "/articles"
    },
    {
      "name": "Podcasts",
      "route": "/podcasts"
    },
    {
      "name": "Showcase",
      "route": "/components"
    }
  ],
  "install": "npx uikit-cli new https://github.com/KernelCode/sada-uikit my-app",
  "skill": "sada",
  "agentPrompt": "Build me a website styled exactly like the \"Sada\" design from uikit.studio.\nDesign spec (agent-readable): https://uikit.studio/kit/sada/llms.txt\nMachine manifest: https://uikit.studio/kit/sada/manifest.json\nReference kit (clone to copy the real components/tokens): https://github.com/KernelCode/sada-uikit\nMatch its color tokens (light + dark), fonts, radius and component set. Keep full dark mode and responsive layout."
}
