Skip to main content

Website design settings

Use our design settings to get you started

Updated today

To help you get started with the design of your event website, Momice has prepared 7 ready-made design templates for you. Go to the "Design" tab in the Website Module. These templates can be fully customized to match your branding. You can define your colors, fonts, images, menu style, and mobile layout. You can also style the header and footer in this step.

Template

A customized template can easily be saved for future use. Go to the "Design" tab in the Website Module and click on "Template". Check the option "Save template for reuse" and give your template a recognizable name.

Please note: Saved templates are only visible and available within your user account.

Style

Here you can adjust the brand colors according to the guidelines in your brand style guide. Below, you’ll find an overview of where each color is applied on the event website:

Button 1

This color is used for:

  • The menu button (in vertical slider and dropdown menu)

  • "Select ticket" button (registration)

  • "More information" text (programme)

  • The tile view (speakers, contact)

  • The file type labels (attachments)

  • "Back to top" arrow

  • Numbered questions, progress bar, survey questions, and the "Back"/"Next" buttons (survey)

Button 2

This color is used for:

  • The selected date in the programme overview and all other dates (programme)

  • The download button (attachments, floor plan)

  • The QR code (event app)

  • "Cancel" button (registration)

  • "Choose a file" button (file upload question in registration)

  • Labels (knowledge)

Action Button

This color is used for:

  • "Register" button (menu, registration)

  • "Edit" button (registration)

  • "Start" button (survey)

Page

This is the background color of all event pages.

Line

This color is used for outlining elements such as:

  • Tickets and lines in the registration form

  • Programme items (programme)

  • Dropdown menus

  • Other pages including; guest list, sponsor, survey, contact, and speakers

Surface (Background Blocks)

This color is used for:

  • The background of programme items (programme)

  • Submenus (general, event app, extra page)

  • Pages without images for each section (sponsor, contact, speakers)

Select a font for titles and body text from the dropdown (all available options will be shown). Set your preferred text color for all default text and choose icons to display in the menu. Under “More options”, you can also:

  • Enable uppercase letters for registration questions

  • Enable rounded buttons

Header

Give your event website a recognizable look by adding your own logo and tab icon (favicon). Your logo will appear in the header of the event website. You can also adjust the header background color and text color to match your branding. Under "More options", you can:

  • Adjust the line beneath the header

  • Change the position of the logo (centered in the middle or aligned to the top of the header)

Please note: If you are using the horizontal menu style, it's not possible to center the logo due to limited space.

The tab icon appears in the browser tab and bookmarks.

Menu

For the desktop or laptop view of your event website, you can choose from three different menu styles. Select the one that fits the number of pages you plan to include and the branding of your event. Each menu type can be used with or without icons. Learn more about the different menu styles.

Mobile

Your event website is automatically optimized for mobile devices. However, to offer visitors a more tailored experience, you can design a dedicated mobile menu. Learn more about the available options.

Footer

The footer is the bottom section of your event website and is ideal for adding extra information, branding, and links. You can fully customize the background color and text color of the footer to match your brand identity. Add a short copyright notice, such as your company name or event name.

TIP: Use the text [year] in your copyright line. It will automatically be replaced with the current year.

Make it easy for visitors to access your social media channels. You can add links for LinkedIn, Twitter, Facebook, YouTube, Pinterest, Instagram, TikTok, and Threads. Once a link is added, the corresponding icon will automatically appear in the footer. You can also add one or more custom website links in the footer. For example:

  • A link to your company website

  • Terms and conditions

  • Privacy policy

  • A contact page

Custom styling

In this field, you can enter custom CSS code to further adjust color settings or visual elements on your event website.

PLEASE NOTE: Using CSS requires technical knowledge. Make sure this is handled by someone with experience in writing and applying CSS.

Momice does not provide support for writing or reviewing custom CSS code.

Did this answer your question?