General Tab: Event Landing Page Design Template

Layout

Choose between:

• Single column (default)
• Two-column (side-by-side)

---

Theme

Select a color theme for your page:

• Light (default)
• Dark
• Auto – automatically switches between Light and Dark based on the viewer’s device settings.

---

Logo

Add your organization’s logo to the landing page, displayed above the featured image.

Options:

1. Upload an image directly to AddEvent for reuse across all designs, or provide a publicly accessible URL.
2. Position: Align left, center, or right.
3. Size: Adjust the logo height (width adjusts automatically to maintain aspect ratio).

---

Preview Images

Upload an image to display when your event page is shared (e.g., on social media):

• Recommended dimensions: 1200 × 630 px (landscape).

---

Favicon

Upload a favicon to display in browser tabs. By default, the AddEvent logo is used:

• Recommended dimensions: 512 × 512 px, square
• Minimum size: 512 × 512 px

---

Page Colors

Customize colors for the:

• Background
• Add to Calendar button
• Links

You can use the color picker or enter a hex code.

📘

The color of the text on your Add to Calendar button is automatically adjusted depending on the button color you apply to it in your design template. The automatic adjustment of the text color is done in order to comply with Web Content Accessibility Guidelines (WCAG).

If you see the color of the text on the button switching to black/white, that's happening when the contrast color no longer complies with WCAG.

---

Title Font

Adjust the font, size, and color of the event title:

• Default font: Circular-AddEvent

---

Page Font

Adjust the font, size, and color of the body text:

• Default font: Circular-AddEvent