{
  "presets": [
    {
      "slug": "classic",
      "name": "Classic",
      "description": "Traditional form with light gray fields and simple borders.",
      "styles": {
        "formBg": "#ffffff",
        "formPadding": "20px|24px|20px|24px",
        "formBackgroundColor": "#f5f5f5",
        "formFieldPadding": "10px|14px|10px|14px",
        "formFieldBorderColor": "#dddddd",
        "formFieldBorderWidth": "1px",
        "formFieldBorderRadius": "2px",
        "formFieldTextColor": "#333333",
        "formLabelColor": "#333333",
        "formFieldActiveColor": "#0073aa",
        "formFieldSpacing": "18px",
        "formLabelSpacing": "6px",
        "buttonBg": "#0073aa",
        "buttonColor": "#ffffff",
        "buttonPadding": "12px|24px|12px|24px",
        "buttonBorderColor": "#0073aa",
        "buttonBorderWidth": "0px",
        "buttonBorderRadius": "2px",
        "formHeaderBg": "#f9f9f9",
        "formHeaderPadding": "14px|18px|14px|18px",
        "crCustomStyles": "on",
        "crBorderColor": "#dddddd",
        "crSelectedColor": "#0073aa"
      }
    },
    {
      "slug": "box",
      "name": "Box",
      "description": "Card-style form with padding and subtle shadow feel.",
      "styles": {
        "formBg": "#ffffff",
        "formPadding": "32px|40px|32px|40px",
        "formBackgroundColor": "#ffffff",
        "formFieldPadding": "12px|16px|12px|16px",
        "formFieldBorderColor": "#e8e8e8",
        "formFieldBorderWidth": "1px",
        "formFieldBorderRadius": "6px",
        "formFieldTextColor": "#2c3e50",
        "formLabelColor": "#2c3e50",
        "formFieldActiveColor": "#3498db",
        "formFieldSpacing": "20px",
        "formLabelSpacing": "8px",
        "buttonBg": "#3498db",
        "buttonColor": "#ffffff",
        "buttonPadding": "14px|28px|14px|28px",
        "buttonBorderColor": "#3498db",
        "buttonBorderWidth": "0px",
        "buttonBorderRadius": "6px",
        "formHeaderBg": "#f8f9fa",
        "formHeaderPadding": "18px|24px|18px|24px",
        "crCustomStyles": "on",
        "crBorderColor": "#e8e8e8",
        "crSelectedColor": "#3498db"
      }
    },
    {
      "slug": "typeform",
      "name": "Typeform",
      "description": "Minimal, focus-style inputs with clean typography.",
      "styles": {
        "formBg": "",
        "formPadding": "0px|0px|0px|0px",
        "formBackgroundColor": "#ffffff",
        "formFieldPadding": "14px|0px|14px|0px",
        "formFieldBorderColor": "#e0e0e0",
        "formFieldBorderWidth": "0px",
        "formFieldBorderRadius": "0px",
        "formFieldTextColor": "#1a1a1a",
        "formLabelColor": "#666666",
        "formFieldActiveColor": "#000000",
        "formFieldSpacing": "28px",
        "formLabelSpacing": "4px",
        "buttonBg": "#000000",
        "buttonColor": "#ffffff",
        "buttonPadding": "16px|32px|16px|32px",
        "buttonBorderColor": "#000000",
        "buttonBorderWidth": "0px",
        "buttonBorderRadius": "4px",
        "formHeaderBg": "",
        "formHeaderPadding": "0px|0px|16px|0px",
        "crCustomStyles": "on",
        "crBorderColor": "#ccc",
        "crSelectedColor": "#000000"
      }
    },
    {
      "slug": "minimal",
      "name": "Minimal",
      "description": "Very clean with thin borders and plenty of whitespace.",
      "styles": {
        "formBg": "#ffffff",
        "formPadding": "40px|48px|40px|48px",
        "formBackgroundColor": "#ffffff",
        "formFieldPadding": "12px|0px|12px|0px",
        "formFieldBorderColor": "#e5e5e5",
        "formFieldBorderWidth": "0px",
        "formFieldBorderRadius": "0px",
        "formFieldTextColor": "#111111",
        "formLabelColor": "#666666",
        "formFieldActiveColor": "#111111",
        "formFieldSpacing": "24px",
        "formLabelSpacing": "8px",
        "buttonBg": "#111111",
        "buttonColor": "#ffffff",
        "buttonPadding": "12px|24px|12px|24px",
        "buttonBorderColor": "#111111",
        "buttonBorderWidth": "1px",
        "buttonBorderRadius": "0px",
        "formHeaderBg": "",
        "formHeaderPadding": "0px|0px|20px|0px",
        "crCustomStyles": "on",
        "crBorderColor": "#e5e5e5",
        "crSelectedColor": "#111111"
      }
    },
    {
      "slug": "rounded",
      "name": "Rounded",
      "description": "Soft, friendly look with large border radius.",
      "styles": {
        "formBg": "#fafafa",
        "formPadding": "28px|32px|28px|32px",
        "formBackgroundColor": "#ffffff",
        "formFieldPadding": "14px|18px|14px|18px",
        "formFieldBorderColor": "#e8e8e8",
        "formFieldBorderWidth": "1px",
        "formFieldBorderRadius": "12px",
        "formFieldTextColor": "#333333",
        "formLabelColor": "#555555",
        "formFieldActiveColor": "#6366f1",
        "formFieldSpacing": "20px",
        "formLabelSpacing": "8px",
        "buttonBg": "#6366f1",
        "buttonColor": "#ffffff",
        "buttonPadding": "14px|28px|14px|28px",
        "buttonBorderColor": "#6366f1",
        "buttonBorderWidth": "0px",
        "buttonBorderRadius": "12px",
        "formHeaderBg": "#f5f5f5",
        "formHeaderPadding": "16px|20px|16px|20px",
        "crCustomStyles": "on",
        "crBorderColor": "#e8e8e8",
        "crSelectedColor": "#6366f1"
      }
    },
    {
      "slug": "dark",
      "name": "Dark",
      "description": "Dark theme with light text and accent button.",
      "styles": {
        "formBg": "#1e1e2e",
        "formPadding": "28px|32px|28px|32px",
        "formBackgroundColor": "#2d2d3d",
        "formFieldPadding": "12px|16px|12px|16px",
        "formFieldBorderColor": "#3d3d4d",
        "formFieldBorderWidth": "1px",
        "formFieldBorderRadius": "8px",
        "formFieldTextColor": "#e4e4e7",
        "formLabelColor": "#a1a1aa",
        "formFieldActiveColor": "#818cf8",
        "formFieldSpacing": "20px",
        "formLabelSpacing": "8px",
        "buttonBg": "#818cf8",
        "buttonColor": "#ffffff",
        "buttonPadding": "14px|28px|14px|28px",
        "buttonBorderColor": "#818cf8",
        "buttonBorderWidth": "0px",
        "buttonBorderRadius": "8px",
        "formHeaderBg": "#252535",
        "formHeaderPadding": "16px|20px|16px|20px",
        "crCustomStyles": "on",
        "crBackgroundColor": "#2d2d3d",
        "crBorderColor": "#3d3d4d",
        "crSelectedColor": "#818cf8",
        "crLabelColor": "#a1a1aa"
      }
    },
    {
      "slug": "modern",
      "name": "Modern",
      "description": "Contemporary style with medium radius and clear hierarchy.",
      "styles": {
        "formBg": "#ffffff",
        "formPadding": "24px|32px|24px|32px",
        "formBackgroundColor": "#f8fafc",
        "formFieldPadding": "12px|16px|12px|16px",
        "formFieldBorderColor": "#e2e8f0",
        "formFieldBorderWidth": "1px",
        "formFieldBorderRadius": "8px",
        "formFieldTextColor": "#1e293b",
        "formLabelColor": "#475569",
        "formFieldActiveColor": "#0ea5e9",
        "formFieldSpacing": "20px",
        "formLabelSpacing": "6px",
        "buttonBg": "#0ea5e9",
        "buttonColor": "#ffffff",
        "buttonPadding": "12px|24px|12px|24px",
        "buttonBorderColor": "#0ea5e9",
        "buttonBorderWidth": "0px",
        "buttonBorderRadius": "8px",
        "formHeaderBg": "#f1f5f9",
        "formHeaderPadding": "16px|24px|16px|24px",
        "crCustomStyles": "on",
        "crBorderColor": "#e2e8f0",
        "crSelectedColor": "#0ea5e9"
      }
    }
  ]
}