open-design/plugins/_official/design-systems/dramatic/open-design.json

{
  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
  "specVersion": "1.0.0",
  "name": "design-system-dramatic",
  "title": "Dramatic",
  "title_i18n": {
    "zh-CN": "戏剧化",
    "zh-TW": "戲劇化",
    "ja": "ドラマチック",
    "ko": "드라마틱",
    "de": "Dramatisch",
    "fr": "Dramatique",
    "ru": "Драматичный",
    "es": "Dramático",
    "pt-BR": "Dramático",
    "it": "Drammatico",
    "vi": "Kịch tính",
    "pl": "Dramatyczny",
    "id": "Dramatis",
    "nl": "Dramatisch",
    "ar": "درامي",
    "tr": "Dramatik",
    "uk": "Драматичний",
    "en": "Dramatic"
  },
  "version": "0.1.0",
  "publishedAt": "2026-05-12T07:18:16Z",
  "description": "High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.",
  "description_i18n": {
    "zh-CN": "高对比度的戏剧性设计，采用醒目的布局、沉浸式视觉效果和非常规构图，强势吸引注意力。",
    "zh-TW": "高對比度的戲劇性設計，採用醒目的版面、沉浸式視覺效果和非常規構圖，強勢吸引注意力。",
    "ja": "高コントラストで演劇的なデザイン。大胆なレイアウト、没入感のあるビジュアル、型破りな構図で注目を集めます。",
    "ko": "대담한 레이아웃, 몰입형 비주얼, 파격적인 구성으로 시선을 사로잡는 고대비 연극적 디자인입니다.",
    "de": "Kontrastreiche, theatralische Gestaltung mit markanten Layouts, immersiven Visuals und unkonventionellen Kompositionen, die Aufmerksamkeit fordern.",
    "fr": "Design théâtral à fort contraste avec des mises en page audacieuses, des visuels immersifs et des compositions non conventionnelles qui captent l'attention.",
    "ru": "Высококонтрастный театральный дизайн с выразительными макетами, захватывающими визуальными эффектами и нестандартными композициями, привлекающими внимание.",
    "es": "Diseño teatral de alto contraste con diseños audaces, visuales inmersivos y composiciones no convencionales que captan la atención.",
    "pt-BR": "Design teatral de alto contraste com layouts ousados, visuais imersivos e composições não convencionais que capturam a atenção.",
    "it": "Design teatrale ad alto contrasto con layout audaci, immagini immersive e composizioni non convenzionali che catturano l'attenzione.",
    "vi": "Thiết kế ấn tượng với độ tương phản cao, bố cục táo bạo, hình ảnh sống động và cách sắp đặt độc đáo thu hút sự chú ý.",
    "pl": "Kontrastowy, teatralny projekt z odważnymi układami, wciągającymi wizualizacjami i niekonwencjonalnymi kompozycjami, które przyciągają uwagę.",
    "id": "Desain teatrikal kontras tinggi dengan tata letak yang berani, visual imersif, dan komposisi tidak konvensional yang menarik perhatian.",
    "nl": "Contrastrijk, theatraal ontwerp met gedurfde lay-outs, meeslepende visuals en onconventionele composities die de aandacht trekken.",
    "ar": "تصميم مسرحي عالي التباين بتخطيطات جريئة ومرئيات غامرة وتركيبات غير تقليدية تجذب الانتباه.",
    "tr": "Cesur düzenler, sürükleyici görseller ve dikkat çeken alışılmadık kompozisyonlarla yüksek kontrastlı, teatral tasarım.",
    "uk": "Висококонтрастний театральний дизайн із виразними макетами, захопливими візуальними ефектами та нестандартними композиціями, що привертають увагу.",
    "en": "High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention."
  },
  "license": "MIT",
  "tags": [
    "design-system",
    "first-party",
    "design",
    "bold-expressive"
  ],
  "od": {
    "kind": "scenario",
    "taskKind": "new-generation",
    "mode": "design-system",
    "scenario": "design",
    "surface": "web",
    "useCase": {
      "query": {
        "en": "Generate a {{artifactKind}} using the Dramatic design system. Stay faithful to its colour palette, typography, spacing, iconography, and component vocabulary as documented in DESIGN.md.",
        "zh-CN": "使用这个插件完成以下任务：Generate a {{artifactKind}} using the Dramatic design system. Stay faithful to its colour palette, typography, spacing, iconography, and component vocabulary as documented in DESIGN.md."
      }
    },
    "inputs": [
      {
        "name": "artifactKind",
        "label": "Artifact kind",
        "type": "select",
        "options": [
          "landing page",
          "dashboard",
          "marketing site",
          "app screen"
        ],
        "default": "landing page"
      },
      {
        "name": "brief",
        "label": "Brief",
        "type": "text",
        "placeholder": "What should the page communicate?"
      }
    ],
    "context": {
      "designSystem": {
        "ref": "dramatic",
        "primary": true
      },
      "assets": [
        "./DESIGN.md"
      ]
    },
    "pipeline": {
      "stages": [
        {
          "id": "generate",
          "atoms": [
            "file-write",
            "live-artifact"
          ]
        }
      ]
    },
    "capabilities": [
      "prompt:inject",
      "fs:write"
    ]
  }
}