Style guide
The colours, type, shapes and pictures of Novaium Flow in one place.
Brand
Events & Conferences - Vivid and festive: purples, pinks and neon, stages, tickets and crowds.
Palette Bold Magenta · Soft Modern style · pictures: Landscapes with events & conferences subjects · fonts Raleway and Lato
Colours
Every colour is a token in assets/css/theme.css (--wt-primary ...). The contrast of the text colours is shown against the page; WCAG AA needs 4.5:1 for text.
Light mode
Dark mode
Type
Raleway
Headings
Lato
Text, buttons and forms (Google Fonts)
Save 40% with early bird tickets
More than a ticket to the talks
Ten talks you should not miss this year
Eighty speakers on stage and three thousand peers in the hallway, with a networking app that books your meetings before you arrive.
Thousands of attendees already trust us, and we work hard to keep it that way. Every attendee receives a certificate of participation. Early bird tickets save you up to forty percent until the end of the month. The venue is a short walk from the station and fully accessible.
Sponsors meet decision-makers in a relaxed, friendly setting.
Corners and depth
--wt-shadow--wt-shadow-lgComponents
Pictures
Landscapes in the template colours, with events & conferences subjects. Every product picture shows its product. Replace them with your own photos of the same size (see PHOTOS.md for the photos of the live demo).
Design files
design-tokens/tokens.json- every token in the W3C Design Tokens format: in Figma, install the Tokens Studio plugin and load the file; Style Dictionary turns it into code for other platforms.design-tokens/style-guide.svg- this page as a board: drag it into Figma, Sketch or Illustrator and every swatch, text and shape stays editable.design-tokens/tokens.css- the same values as CSS variables for other projects in the brand.