NOW2022 – Global Style Guide
Global Presets UI Style Guide
We use the Divi Builder Presets as much as possible. Where it falls short we use the Additional CSS section in Divi Theme options.
We realise in-page anchor navigation with the Divi menu module for which we assign the CSS ID of “anchor-navigation-menu” on each relevant page. For each of those pages we create a distinct menu form the WordPress Dashboard with Custom links that contain the anchor links. All styling is done in the menu module preset “#anchor-navigation-menu”.
01. Color palette
Main Palette
#2a3646
Dark Text
var(–nowTextColor)
#ffffff
Light Text / White
#C40417
H2 / Links
var(–nowStandardRed)
#38B7d4
Accent / Hover
var(–nowLightCyan)
#f0f6ff
Neutral Background
var(–nowIceblue)
#8d0046
var(–nowDarkRed)
#e3051b
var(–nowLightRed)
#023d4
var(–nowDarkCyan)
#0e677a
var(–nowStandardCyan)
#f5f5dc
Neutral Background 2
var(–nowNeutralGreen)
Extended palette
#641176
var(–nowPurple)
#c7e5dd
var(–nowMint)
#ed5a69
var(—-nowLightestRed)
#e3662f
var(–nowDarkOrange)
#ee8b14
var(–nowOrange)
#ffd883
var(–nowYellow)
#a37b57
var(–nowBrown)
Gradients
Add more gradients at will
using the colours above
#8d0046
#e3051b
#023d4b
#38b7d4
02. Text Presets
Main Text Styles
Text reference:
Standard font: Open Sans
Alternate font: PT Serif
H1 4.6rem
H2 4.2rem
H3 2.8rem
H4 2.6rem
P 2rem
Small 1.25rem
Std. Heading1
Standard Heading2
Standard Heading3
Standard Heading4
Standard Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Small Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Alternate Heading1
Alternate Heading2
Alternate Heading3
Alternate Heading4
Alternate Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lists
Standard List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
.altList Style
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
Standard Ordered List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
.altList Style
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
03. Main Modules
Images
All images use Divi lightboxes
Regular Image 16:9 with Divi lightbox link
we implemented a subtle zoom effect on hover. If image absolutely needs to maintain size apply class=”imgLink” on parent column
Video
Some Custom CSS tweaks needed – contained in Presets though
Standard Video Preset
Featured Video
The dark red background is not part of the standard styles but to better illustrate the button stylings, especially border shadow on the CTA button.
Blurb
All the colors from the colour palette can be used as blurb background colours.
We use dtb-equal-height class from Divi Toolbox on parent row to make all blurbs have the same height
Standard Blurb
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Alt Blurb
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Standard Blurb with Square Image
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Call to action
All the colors from the colour palette can be used as CTA background gradient.
Standard Call To Action
In the CTA body text we use
our alternate font (=BundesSerif)
all centered, gradient background
Standard Button styling – white border 3px – white box shadow all around .
Button Icon according to CTA content
Alternate Call To Action
In the CTA body text we use
our alternate font (=BundesSerif)
all centered, gradient background
Standard Button styling – white border 3px – white box shadow all around .
Button Icon according to CTA content
Price List
For Desktop we push the standard price lists down with direct Custom CSS margin-top: 5rem to make featured stand out.
Also, fine-tuning spacing between price-lists=columns through the column spacing properties in the containing row.
Early Bird Registration
Excat dates to be announced
For all teachers and and Indivdual pupils/students/clients
All teachers and and Indivdual pupils/students/clients who attended the Chicago Congress in 2018 get a loyalty discount.
Discount rate for all participants who travel far to make the Congress more accessible for them
Discount rate for all participants who are still training to become a certified teacher at the them of the Congress.
Early Bird Registration
Excat dates to be announced
For all teachers and and Indivdual pupils/students/clients
All teachers and and Indivdual pupils/students/clients who attended the Chicago Congress in 2018 get a loyalty discount.
Discount rate for all participants who travel far to make the Congress more accessible for them
Discount rate for all participants who are still training to become a certified teacher at the them of the Congress.
Advancing Global Perspective: Making New Connections with Science, Performance, and Education
650 Participants
Directors: Carol P. Prentice, Jamie McDowell
Empowering Humanity Inspiring Science
710 Participants
Directors : Richard Brennan, Niall Kelly,
Glenna Batson
Learning From Each Other
350 Participants
Directors : Robert Britton, Jamie McDowell, Irmel Weber
Our Newsletters
Newsletter archive
Below you find all the newsletters we created for ALL subscribers. Specific ones to only attendees and specific presenters are not listed here.
Click on any title to read the corresponding email.
ENJOY!
- Goodbye! (26 November 2022)
- Online Ticket Recordings availability extended - and 3 new Zoom sessions (11 September 2022)
- Congress Online Tickets - NOW 2022 ???? Livestreams and Recordings sind da (20 August 2022)
- Congress Online Tickets - NOW 2022 ???? Livestreams and Recordings is ready! (18 August 2022)
- Congress Online Tickets - NOW 2022 ???? Livestreams and Recordings (10 August 2022)
- Zoom meeting recording and workshops deadline (14 July 2022)
- Pre-Congress Zoom Q&A Meeting with the Congress Team – Day Passes and more news! (8 July 20222)
- Fantastic Congress Updates – 2 Months to Go (19 June 2022)
- Food & Drink, Activities and more news from the Congress (16 May 2022)
- Early Bird Registration - 4 days to go ???? Plus, AT fun in Berlin (28 March 2022)
- Early Bird closes 31 March (13 March 2022)
- Workshop Einreichungen sind jetzt möglich (28 January 2022)
- Workshop Submission is open (17 January 2022)
- Season greetings from the Congress (24 December 2021)
- Die Anmeldung ist eröffnet! (17 December 2021)
- Registration is open! (5 December 2021)
- Registration opens in October & Updates (13 September 2021)
- AT Congress Update (23 August 2021)
- First keynote speakers & Pre-booking reminder (2 Ocotber 2020)
- The big move to 2022 (8 August 2020)
- The Timetable for the Congress - We have a Plan! (1 October 2019)
- Survey and Keynote Speaker Suggestions (24 June 2019)
- Congress Fees & Pre-Booking (20 May 2019)
- News from the Congress - Dates and Location (10 May 2019)
