Event micrositeTheme & identity

Theme & identity

Every event’s public microsite can carry its own look — its own colours and typography — so it reads as the event’s site, never a generic Novex page. You set it up once in the Theme & identity section of the event’s Microsite tab, and it flows through every public section automatically.

Where to find it

Open the event → Microsite → the Theme & identity section. Changes appear on the public site within seconds of saving — you don’t need to republish.

Colours

Two colour pickers, each with a native swatch and a hex field (type or paste a #rrggbb value):

  • Primary colour — buttons, links, and highlights across the whole public site and the registration page. This is the event’s headline colour.
  • Secondary colour — decorative accents only: the marker-sweep highlight behind headlines, the “tape” flourishes, and chips. It sets the mood without competing with the primary colour.

Readability is handled for you

You can’t accidentally ship an unreadable site. Novex derives the text colours from your two picks automatically and holds them to the WCAG AA contrast standard:

  • Button text is set to white or dark ink automatically, whichever stays legible on your Primary colour.
  • Link text is nudged darker (on a light page) or lighter (on a dark page) only as far as needed to stay readable, keeping your colour’s character.
  • Small readability badges in the editor confirm each pairing — you’ll see Readable or Tuned for readability as you experiment.

So a very pale or very saturated brand colour still produces a legible page — the colour you pick is honoured wherever it’s readable, and quietly adjusted only for the text that sits on top of it.

Typography

Pick one of seven curated font pairs. Each card shows a live specimen and pairs a Latin display/body face with a matched Arabic face, so English and Arabic pages both look intentional:

PairBest for
Modern warm (default)A balanced, contemporary look that suits any event
CorporateBusiness conferences and government events
Editorial luxeGalas, award nights, and luxury events
Tech geometricTech conferences, startups, and hackathons
Friendly roundedFestivals, community, and family events
Refined culturalWeddings, cultural nights, and museums
Bold expoTrade shows, sports, and expos

There are no custom font uploads — the pairs are deliberate. Curated pairs are correctly licensed for public use, and only the fonts for the pair you pick (and the scripts actually on the page) are downloaded, so the public site stays fast for attendees.

Colour mode: light or dark

The same section has a Colour mode toggle:

  • Light — a warm off-white page with dark text.
  • Dark — a deep navy page with light text.

Your Main and Secondary colours adapt to the mode you choose: the link and accent shades are re-derived against the page background, so they stay readable whether the page is light or dark. Pick the mode first, then tune the colours against it.

Live preview

Before you save, the editor shows a live preview of a headline, body line, button, and link using your current colours and font pair — rendered with the exact same logic as the public site, so what you see is what ships. A small EN / AR toggle flips the preview between English and Arabic to check the Arabic face. A Reset to defaults link returns everything to the standard Novex look in one click.

How it looks on the public site

When someone visits your event, the colours and fonts apply across every microsite section — hero, about, why-attend, agenda, speakers, sponsors, venue, contact, and the footer — and the registration page. Each event you run can have a completely different identity; nothing carries the platform’s own branding.

Tips

  • Preview in a private window after saving to see the live site exactly as an attendee will.
  • Set the colour mode before fine-tuning colours — the readable text shades are derived against the page background, so they shift when you switch modes.
  • Two colours are enough. Let the Primary colour lead and keep the Secondary as a light accent; the curated font pair does the rest of the work.

Next