Skip to main content

Tutorial

How to Customize Your Calendar Layout

Learn how to tweak fonts, colors, backgrounds, and add logos to match your brand.

Step 1

Open Theme Sidebar

Click Theme tab on the right to access typography, colors, and backgrounds.

Pro tip: Theme Sidebar organizes presets, backgrounds, and advanced controls.
UI highlighting the Theme sidebar
Theme Sidebar organizes presets, backgrounds, and advanced controls.

Theme

Open Theme Sidebar

Step 2

Change fonts

Pick heading + body fonts; use brand fonts via custom upload if available.

Pro tip: Mix serif headings with clean sans-serif body copy for readability.
Font picker with preview text
Mix serif headings with clean sans-serif body copy for readability.

Typography

Change fonts

Step 3

Adjust colors

Set primary/secondary colors, weekend tints, and event color defaults.

Pro tip: Use company HEX codes for perfect brand alignment.
Color palette sliders
Use company HEX codes for perfect brand alignment.

Colors

Adjust colors

Step 4

Upload background

Add subtle textures or mission statements via Background → Upload.

Pro tip: Keep overlays below 10% opacity for contrast compliance.
Background upload dialog
Keep overlays below 10% opacity for contrast compliance.

Background

Upload background

Step 5

Insert logo

Use Header section to drop a PNG/SVG logo with alignment controls.

Pro tip: Upload transparent PNG/SVG for the cleanest result.
Logo slot with alignment controls
Upload transparent PNG/SVG for the cleanest result.

Branding

Insert logo

Step 6

Save theme

Hit ‘Save Theme’ to reuse across future calendars.

Pro tip: Saved themes sync across devices so teams stay on-brand.
Save theme dialog with name input
Saved themes sync across devices so teams stay on-brand.

Save

Save theme

Resources

Related Guides

FAQ

  • Can I add company fonts?

    Yes—upload OTF/TTF files for team-specific branding.

  • Will backgrounds affect readability?

    Stick to 5-10% opacity for best text contrast.