{
"_meta": {
"version": "1.0",
"generated_by": "brandiddit.ai",
"important": "This is the COMPLETE brand design system. Apply EVERY token below — logo, colors (light + dark), typography, spacing, sizing, radius, shadows, opacity, iconography, voice, messaging, imagery — to anything you generate for this brand. Do NOT substitute defaults, invent new colors, or pick different fonts.",
"ai_instructions": "If you only read one field, read `ai_prompt` — it is the canonical, ready-to-use system prompt for this brand. All structured tokens below are referenced from it.",
"usage_instructions": {
"ai_prompt": "Drop the value of `ai_prompt` directly into your system prompt. It already contains identity, voice, messaging, imagery, color and typography rules.",
"logo": "MANDATORY: Use the brand logo in every generated UI. For Claude artifacts and sandboxed HTML, use `logo.proxy_url` or top-level `logo_url`; these are CORS-safe image endpoints. Do NOT use `logo.raw_url` or `raw_logo_url` in generated artifacts.",
"colors": "Use these exact hex values for all brand surfaces. Honor light and dark mode tokens (dark_* prefixed) when rendering in dark mode.",
"fonts": "Load the specified Google Fonts (heading_font and body_font) and apply them — heading_font for headings, body_font for body text.",
"tokens": "Respect spacing_scale, sizing_scale, radius_scale, shadows, and opacity_scale instead of framework defaults.",
"iconography": "Use the specified icon_library for any icons in the generated UI."
}
},
"ai_prompt": "You are designing and writing for the brand \"New Relic\".\n\nFetch the full brand system JSON here: https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/design-system?token=a74b60603de4452a\n\n## Logo (MANDATORY — embed verbatim)\n\nWhenever you render this brand's app icon, avatar, navbar logo, favicon, or any \"brand mark\" UI, embed the image below EXACTLY. Do not describe it, substitute an emoji, generate a new image, use a placeholder, or omit it.\n\nThe `src` value below is the canonical logo source for generated HTML. It is a CORS-safe image proxy URL; paste it verbatim. Use `logo.proxy_url` or top-level `logo_url` from this JSON for Claude artifacts. Do NOT use `logo.raw_url` or `raw_logo_url` because raw storage URLs can be blocked by cross-origin sandbox rules.\n\nHTML (copy verbatim):\n```html\n![\"New](\"https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=a74b60603de4452a\")
\n```\n\nJSX (copy verbatim):\n```jsx\n\n```\n\nThe logo is a transparent PNG; always render it on the background color `#1D252C`.\n\n## Identity\n\n- Name: New Relic\n\n## Voice\n\n_(not defined)_\n\n## Messaging\n\n_(not defined)_\n\n## Imagery\n\n_(not defined)_\n\n## Design tokens\n\n- Heading font: Plus Jakarta Sans. Body font: DM Sans.\n\n- Primary: #1D252C · Secondary: #A3A3A3 · Accent: #1CE783\n\n- Background: #FFFFFF · Surface: #F0F4F8 · Text: #1D252C\n\n- Dark — Primary: #F9FAFA · Background: #121212 · Text: #E5E5E5\n\n- Base spacing: 4px · Border radius: sm\n\n## Rules\n\n- Use only the colors, fonts, spacing, radius and shadows from the brand system above.\n\n- Match the brand voice and messaging in any copy you generate. Respect the Do/Don't list.\n\n- When showing the app icon, use the exact logo src from the Logo section above on the specified logo background. Never use raw storage URLs in Claude artifacts.\n\n- Never invent new brand colors, fonts, or messaging. If something isn't defined, derive it from existing tokens.\n\n- Output production-ready code that references the tokens (CSS variables or Tailwind classes) rather than hardcoded values.\n\n- UI Element overrides are defined in `ui_elements_overrides`. Respect custom button/badge/chip/tag labels, colors, and style tokens (radius, padding, font size/weight, border width) when generating interface components.",
"logo": {
"url": "https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=a74b60603de4452a",
"proxy_url": "https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=a74b60603de4452a",
"raw_url": "https://zadvgtvudyyjcriuawvg.supabase.co/storage/v1/object/public/brand-logos/eda569c5-dfc2-4e75-933b-e285ad1fb40f/68d7147b-f654-416e-bff9-128bd352f0f6/logo.png?t=2026-02-20T00%3A55%3A54.809298%2B00%3A00",
"data_uri": "data:image/png;base64,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",
"usage": "Use `proxy_url` or `url` for Claude artifacts and sandboxed HTML. They are CORS-safe image endpoints. `data_uri` is an offline fallback. Use `raw_url` only outside sandboxed environments.",
"fallback": null
},
"id": "68d7147b-f654-416e-bff9-128bd352f0f6",
"name": "New Relic Design System",
"brand_name": "New Relic",
"industry": null,
"brand_personality": [],
"primary_color": "#1D252C",
"secondary_color": "#A3A3A3",
"tertiary_color": "#2D3748",
"accent_color": "#1CE783",
"neutral_color": "#F9FAFA",
"background_color": "#FFFFFF",
"surface_color": "#F0F4F8",
"surface_elevated_color": "#E2E8F0",
"surface_muted_color": "#CBD5E0",
"border_color": "#D3DCE6",
"text_color": "#1D252C",
"success_color": "#AEE9D1",
"warning_color": "#FFD979",
"error_color": "#FED3D1",
"info_color": "#B4E1FA",
"link_color": "#1CE783",
"link_hover_color": "#18B868",
"focus_ring_color": "#1CE783",
"hover_opacity": 0.9,
"active_opacity": 0.8,
"disabled_opacity": 0.5,
"dark_primary_color": "#F9FAFA",
"dark_secondary_color": "#A3A3A3",
"dark_tertiary_color": "#B0BEC5",
"dark_accent_color": "#2EECA0",
"dark_neutral_color": "#171717",
"dark_background_color": "#121212",
"dark_surface_color": "#171717",
"dark_surface_elevated_color": "#1A1A1A",
"dark_surface_muted_color": "#262626",
"dark_border_color": "#333333",
"dark_text_color": "#E5E5E5",
"dark_success_color": "#1C3829",
"dark_warning_color": "#3D2E14",
"dark_error_color": "#3B1C1C",
"dark_info_color": "#1C2E3D",
"dark_link_color": "#2EECA0",
"dark_link_hover_color": "#18B868",
"dark_focus_ring_color": "#2EECA0",
"heading_font": "Plus Jakarta Sans",
"body_font": "DM Sans",
"typography_scale": {
"h1": {
"size": 72,
"weight": 700,
"lineHeight": 1.1
},
"h2": {
"size": 56,
"weight": 700,
"lineHeight": 1.2
},
"h3": {
"size": 40,
"weight": 600,
"lineHeight": 1.25
},
"h4": {
"size": 28,
"weight": 600,
"lineHeight": 1.3
},
"h5": {
"size": 20,
"weight": 500,
"lineHeight": 1.4
},
"h6": {
"size": 18,
"weight": 500,
"lineHeight": 1.4
},
"body": {
"size": 16,
"weight": 400,
"lineHeight": 1.6
},
"code": {
"size": 14,
"weight": 400,
"lineHeight": 1.5
},
"link": {
"size": 16,
"weight": 500,
"lineHeight": 1.6
},
"label": {
"size": 14,
"weight": 500,
"lineHeight": 1.4
},
"caption": {
"size": 12,
"weight": 400,
"lineHeight": 1.5
},
"overline": {
"size": 12,
"weight": 700,
"lineHeight": 1.2,
"letterSpacing": 0.08
},
"bodySmall": {
"size": 14,
"weight": 400,
"lineHeight": 1.5
}
},
"base_spacing": 4,
"spacing_scale": [
4,
8,
12,
16,
24,
32,
48,
64,
96,
128
],
"sizing_scale": {
"lg": 48,
"md": 32,
"sm": 24,
"xl": 64,
"xs": 16,
"2xl": 96
},
"border_radius": "sm",
"radius_scale": {
"lg": 12,
"md": 8,
"sm": 4,
"xl": 16,
"2xl": 24,
"full": 9999,
"none": 0
},
"shadows": {
"lg": "0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05)",
"md": "0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.04)",
"sm": "0px 1px 3px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.02)",
"xl": "0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04)",
"2xl": "0px 25px 50px rgba(0, 0, 0, 0.2)",
"none": "none",
"inner": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"
},
"opacity_scale": {
"0": 0,
"5": 0.05,
"10": 0.1,
"20": 0.2,
"25": 0.25,
"30": 0.3,
"40": 0.4,
"50": 0.5,
"60": 0.6,
"70": 0.7,
"75": 0.75,
"80": 0.8,
"90": 0.9,
"95": 0.95,
"100": 1
},
"icon_library": {
"url": "lucide.dev",
"name": "Lucide Icons",
"description": "A modern, consistent icon library with clean strokes and excellent readability. Supports customizable size and stroke width for flexible usage across UI contexts."
},
"logo_url": "https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=a74b60603de4452a",
"logo_proxy_url": "https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=a74b60603de4452a",
"raw_logo_url": "https://zadvgtvudyyjcriuawvg.supabase.co/storage/v1/object/public/brand-logos/eda569c5-dfc2-4e75-933b-e285ad1fb40f/68d7147b-f654-416e-bff9-128bd352f0f6/logo.png?t=2026-02-20T00%3A55%3A54.809298%2B00%3A00",
"logo_background_color": null,
"logo_foreground_style": "white",
"logo_source": null,
"created_at": "2026-02-19T23:40:42.123367+00:00",
"updated_at": "2026-02-20T00:55:54.809298+00:00",
"share_token": "a74b60603de4452a",
"tagline": null,
"brand_voice": null,
"messaging": null,
"imagery": null,
"ui_elements_overrides": {}
}