Heading

Welcome to the editor

Paragraph

Start building by dragging blocks from the left.

Panels

Back to Editor Preview Page Preview Email

Viewport

Theme

Style Editor

Editing content-light

Fonts

Default Font

Using system/local fallback stack.

Alternate Font

Using system/local fallback stack.

Mono Font

Using system/local fallback stack.

Default Weight450Alternate Weight450Mono Weight420Base Line Height1.55Base Letter Spacing0em

Colors

Background

#fefdf7

Foreground

#2d1b69

Surface

#ffffff

Surface Text

#2d1b69

Muted

#f3f0ff

Muted Text

#6e4aad

Border

#ddd6fe

Primary

#7c3aed

Primary Text

#ffffff

Secondary

#fef9c3

Secondary Text

#713f12

Accent

#f59e0b

Accent Text

#1c1917

Success

#16a34a

Warning

#d97706

Danger

#dc2626

JSON Source

{
  "colors": {
    "content-light": {
      "background": "#fefdf7",
      "foreground": "#2d1b69",
      "surface": "#ffffff",
      "surfaceForeground": "#2d1b69",
      "muted": "#f3f0ff",
      "mutedForeground": "#6e4aad",
      "border": "#ddd6fe",
      "primary": "#7c3aed",
      "primaryForeground": "#ffffff",
      "secondary": "#fef9c3",
      "secondaryForeground": "#713f12",
      "accent": "#f59e0b",
      "accentForeground": "#1c1917",
      "success": "#16a34a",
      "warning": "#d97706",
      "danger": "#dc2626"
    },
    "content-dark": {
      "background": "#0f0a1e",
      "foreground": "#ede9fe",
      "surface": "#1a1030",
      "surfaceForeground": "#ede9fe",
      "muted": "#1e1240",
      "mutedForeground": "#a07ed6",
      "border": "#2d1f5e",
      "primary": "#c084fc",
      "primaryForeground": "#0f0a1e",
      "secondary": "#241658",
      "secondaryForeground": "#ede9fe",
      "accent": "#fbbf24",
      "accentForeground": "#0f0a1e",
      "success": "#4ade80",
      "warning": "#fcd34d",
      "danger": "#f87171"
    }
  },
  "fonts": {
    "default": "\"Inter Variable\", \"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "alternate": "\"Source Serif 4\", \"Fraunces\", serif",
    "mono": "\"Recursive\", \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
    "defaultWeight": "450",
    "alternateWeight": "450",
    "monoWeight": "420",
    "lineHeightBase": "1.55",
    "letterSpacingBase": "0em"
  }
}

Copy style JSON source.