company logo

Help centre

Go to TTOY Digital
SmartflowCRM Log inPortal Log in
Powered by
All collectionsSmartFlowCRMMembershipsEventsEvent pages and designCustomise Event Page Design in SmartFlow

Customise Event Page Design in SmartFlow

Learn how to customise the visual appearance of your event page including colors, layout density, page templates, and typography settings.

Chris CarrยทAugust 16, 2026

Customise Your Event Page Design

The SmartFlow design panel gives you complete control over your event page's visual appearance. Follow these steps to create a custom look that matches your brand.

1. Access the Design Panel

Click the Style icon (paintbrush) in the left sidebar to open the design customisation panel where you can modify colours, layout, and typography.

Access the Design Panel

2. Change the Accent Colour

Expand the Colour section and click on the colour swatch to open the colour picker. Select from preset colours or add a custom colour to change buttons, links, and accent elements across your event page.

Change the Accent Color

3. Set the Page Mode

Under Layout & density, choose a Page mode option: Light for light backgrounds with dark text, Dark for dark backgrounds with light text, or Auto to automatically switch based on user system preferences.

Set the Page Mode

4. Adjust Layout Density

Select a Density option to control spacing between sections: Compact for minimal spacing, Comfortable for balanced spacing, or Spacious for generous spacing between elements.

Adjust Layout Density

5. Customise Corner Styles

Choose a Corners style to change the border radius of UI elements: Sharp for square corners, Soft for slightly rounded corners, or Rounded for fully rounded corners.

Customize Corner Styles

6. Select a Page Template

Expand the Page template section and choose from available layouts: Modern for a clean contemporary design, Classic for a traditional layout with sidebar, or Bold for a high-impact full-width design.

Select a Page Template

7. Configure Typography

Expand the Typography section to choose font pairings for headings and body text. Select from pre-designed combinations like Modern Sans, Editorial, Magazine, Classic, Soft Tech, or Display.

Configure Typography

8. Save Your Changes

Click the Save Changes button in the bottom right corner to apply all your design modifications. A confirmation message will appear when saved successfully.

Save Your Changes

Tip: All design changes apply to your event details, schedule, and registration pages. Use the preview panel on the right to see changes in real-time before saving.

Did this answer your question?
๐Ÿ˜ž
๐Ÿ˜
๐Ÿ˜