CordiallyDocs
Platform OverviewWebsite EditorTips & TricksChangelog
DocsWebsite EditorEditor basics

Design

Customize the visual system of your Cordially website with palette and typography controls.

Overview

The Design panel controls the main visual style for the current website template.

Key concepts

Origins supports palette presets, custom palette colors, saved custom palettes, typography presets, custom font role assignments and styles, and saved typography presets. Typography V2 lets you select supported text targets in the preview and adjust font, size, weight, italic, underline, alignment, line spacing, letter spacing, and links according to that target's capabilities.

Design controls update the preview so you can review contrast, tone, and overall fit before saving.

Save the Date matches the website design by default. Choosing Customize separately takes a complete snapshot of the current website colors and typography, which you can then edit without changing the website. Returning to Match website removes that separate snapshot and resumes live synchronization.

How it works

Use palette controls to choose or tune colors for backgrounds, headings, body text, accents, and RSVP buttons. Use typography controls to choose font roles and reusable role-level styles. Select supported text in the preview or use the matching field in the Pages panel for inline bold, italic, underline, and link formatting.

Common workflow

  1. Choose a palette preset close to your wedding style.
  2. Adjust individual color roles if needed.
  3. Save a custom palette if you want to reuse it.
  4. Choose typography presets or assign custom fonts and role styles.
  5. Select individual text targets for supported overrides and inline formatting.
  6. Save a typography preset to reuse it in the website, Save the Date, and invitation email editors.
  7. Review the preview on desktop and mobile.

Notes and limitations

Design controls are template-specific. A color, font role, or text override only affects template targets that support it. Deleting a saved preset removes it from the shared library but preserves values already copied into a custom Save the Date or email design. Site settings also accept a custom favicon, with the header logo and Cordially icon used as fallbacks.

Related docs