Learn Mode

IR Brand

Name: DaizLab
Author: Daiz

Control colors, typography, and visual mood.

Objective

Understand how the brand object controls the visual system.

The brand object describes how the website should feel visually.

Colors become CSS variables.

Typography controls heading and body font choices.

Vibe gives the engine direction: luxury, modern, traditional, electrical, corporate, and more.

Syntax

"brand": {
  "colors": {
    "primary": "#153331",
    "secondary": "#CFB113",
    "accent": "#CFB113",
    "background": "#ffffff",
    "text": "#111111",
    "muted": "#666666"
  },
  "typography": {
    "heading": "Georgia, serif",
    "body": "Arial, Helvetica, sans-serif"
  },
  "vibe": "luxury"
}

Practice Editor

Temporary only. No local save. No cloud save. No compile quota used.

{
  "version": "1.1",
  "meta": {
    "title": "Luxury Brand Test",
    "description": "Testing brand styling in IR1.1.",
    "businessName": "KennyFab",
    "businessType": "fashion",
    "language": "en"
  },
  "brand": {
    "colors": {
      "primary": "#030303",
      "secondary": "#d8b35a",
      "accent": "#f7d992",
      "background": "#080604",
      "text": "#fff8ea",
      "muted": "#b9a77d"
    },
    "typography": {
      "heading": "Georgia, 'Times New Roman', serif",
      "body": "Arial, Helvetica, sans-serif"
    },
    "vibe": "luxury"
  },
  "layout": {
    "container": {
      "maxWidth": "1240px",
      "padding": "32px"
    },
    "grid": "mixed",
    "responsive": true
  },
  "sections": [
    {
      "id": "hero",
      "type": "hero",
      "badge": "LUXURY SYSTEM",
      "headline": "A luxury website begins with brand structure.",
      "description": "The brand object controls the visual direction before HTML is generated."
    }
  ],
  "actions": {
    "primary": {
      "label": "Explore",
      "type": "link",
      "value": "#",
      "style": "primary"
    }
  },
  "output": {
    "targets": ["html", "css", "previewHtml"]
  }
}

Notes

IR brand is not decoration only; it guides rendering.

Color values should be valid CSS colors.

Common Mistakes

Writing colors without quotes.

Using a font name without fallback fonts.

← Previous

Learn Mode

IR Brand

Control colors, typography, and visual mood.

Objective

Understand how the brand object controls the visual system.

The brand object describes how the website should feel visually.

Colors become CSS variables.

Typography controls heading and body font choices.

Vibe gives the engine direction: luxury, modern, traditional, electrical, corporate, and more.

Syntax

"brand": {
  "colors": {
    "primary": "#153331",
    "secondary": "#CFB113",
    "accent": "#CFB113",
    "background": "#ffffff",
    "text": "#111111",
    "muted": "#666666"
  },
  "typography": {
    "heading": "Georgia, serif",
    "body": "Arial, Helvetica, sans-serif"
  },
  "vibe": "luxury"
}

Practice Editor

Temporary only. No local save. No cloud save. No compile quota used.

Notes

IR brand is not decoration only; it guides rendering.

Color values should be valid CSS colors.

Common Mistakes

Writing colors without quotes.

Using a font name without fallback fonts.

← Previous

INITIALIZING DAIZLAB

System Progress14%

[~]Loading interface systems

[ ]Connecting workspace modules

[ ]Preparing authoring environment

Learn Mode

IR Brand

Control colors, typography, and visual mood.

Objective

Understand how the brand object controls the visual system.

The brand object describes how the website should feel visually.

Colors become CSS variables.

Typography controls heading and body font choices.

Vibe gives the engine direction: luxury, modern, traditional, electrical, corporate, and more.

Syntax

"brand": {
  "colors": {
    "primary": "#153331",
    "secondary": "#CFB113",
    "accent": "#CFB113",
    "background": "#ffffff",
    "text": "#111111",
    "muted": "#666666"
  },
  "typography": {
    "heading": "Georgia, serif",
    "body": "Arial, Helvetica, sans-serif"
  },
  "vibe": "luxury"
}

Practice Editor

Temporary only. No local save. No cloud save. No compile quota used.

Notes

IR brand is not decoration only; it guides rendering.

Color values should be valid CSS colors.

Common Mistakes

Writing colors without quotes.

Using a font name without fallback fonts.

← Previous