Skip to content
Brand guidelines
Logo
twoday is always in lower case
The wordmark
The logomark
Scale
Safe area
Logo on backgrounds
No rules without exception
Dos and don'ts
Endorsed brand logo
Brand architecture model
Endorsed logo examples
Logo variants
Color variants
Safe area
Endorsed brands on social media
Product brand logos
Product brand
Product naming
Product brand logo variants
Color variants
Product brand logomark
Product brand logomark on social media
Product presentation
Colors
Foundation color
Neutral colors
Primary brand colors
Tint colors
Typography
Alternative for professionals
Google Workspace Web (temporary)
Fallback fonts
Highlighting
Hierarchy
Color of the typeface
Text on colored backgrounds
5th element
Colors
Gradient
Outer glow
Round corners
Imagery
Icons
Data visualizations and models
Simple visualizations
Complex visualizations
Table
Expressions
PowerPoint
Exhibition
Brand dominance
eBook/Whitepaper
Social Media and online banners
Design system for web
Typography
Highlighting
Page setup
Top components
Use of backgrounds
Distances
Components
Hero banner
Content Split Overlap
Image + text (left/right)
Multiple Column
Cards
Video
Form
List Columns
Text and Icons
Navigation
Footer
5th element
Shape and color overview
How to insert the 5th element
Colors
Black background
White background
Dark orange background
Light green background
Light blue background
Light orange background
Yellow background
Red background
Dark blue background
Dark green background
Images
Image type examples
ALT tags
Web accessibility examples
Design system for products
Typography
Headings
Body text
Principles
Accessibility
Colors
Core colors
Common colors
Text colors
Neutral colors
Informative colors
Danger / Error colors
Success colors
Caution / Waiting colors
Theme colors
Default themes
Principles
Accessibility
Icons
Principles
Accessibility
Radius
Principles
Elevation
Principles
Sizes
Principles
Buttons
Anatomy
Brand button
Fill button
Outline button
Text button
Destructive button
States
Principles
Other best practices
Text fields
Anatomy
States
Principles
Accessibility
Checkbox
Anatomy
Indeterminate checboxes
Principles
Accessibility
Other best practices
Radio
Anatomy
Principles
Accessibility
Other best practices
Download files
Logo
Endorsed logo
Product brand
Product presentation
Typography
Colors
5th element
Imagery
Powerpoint template
Word templates
CV template
Icons
Data visualizations and models
Brand dominance
Social media templates
Newsletter image template
Newsroom hero image template
Backgrounds for Microsoft Teams
Backgrounds for locked screen
Roll up banner template
Whitepaper template
Business card
Christmas card template
Christmas card hero image
Ebook in iPad mockup for blog
Web accessibility examples
Email guidelines and signature generator
HubDB guide
twoday logo-animation
Lower and upper third
Release notes
March 8th 2024
Extended Image Text Left/Right module: List and layout
March 1st 2024
Display recent posts by tag on Blog Posts
February 23rd 2024
Custom Modules on Blog Posts
February 1st 2024
Autoplay functionality on Image Slider
January 10th 2024
Breaking Changes
Cards enhancement
Cards Carousel
Testimonials Carousel
Zoom on images
November 22nd 2023
New module: Carousel
CTA functionality on Testimonials Carousel
Added support for Embedded Videos
September 18th 2023
Revamped Video module
September 8th 2023
New module: Find Contact
Additions to Local Navigation module
September 4th 2023
Breaking change to listing URLs
twoday.com now redirects to country-specific page
FAQ - Full width option
Related Blog Posts can now be boosted with tags
Accessibility improvements
Required fields marked with disclaimer on forms
June 22nd 2023
"Nav Dropdown" changed to "Header"
Website Agent is available as a "Chat" widget
June 14th 2023
Filters are now optional on Contact Listing
Load More functionality on Cases Listing
Talentadore integration for twoday Finland
System Pages can be translated
May 11th 2023
Date span filters on Courses
May 9th 2023
Alphabetical HubDB filters
Contacts can be added to multiple departments
May 5th 2023
Course Listing - Title filter
Add HubDB rows to multilple languages
May 3rd 2023
Blog Listing - Sorted tags alphabetically
April 21st 2023
Contact Listing Module
Search field courses overview
List Columns module update
April 20th 2023
Locations Module
April 17th 2023
Multilanguage Dynamic Pages
April 14th 2023
FAQ Module
March 15th 2023
Course filters
Specific course list view
Case Listing
March 13th 2023
Language/country selector update
Local navigation
Pricing/package
Popup (modal)
February 27th 2023
Custom Form on Dynamic Pages
Press Releases from Meltwater
February 22nd 2023
Reference logos module
Testimonial module
Numbers counter
Process module
Accordion module
Image slider module
Other notes
Brand guidelines
Brand guidelines
Logo
twoday is always in lower case
The wordmark
The logomark
Scale
Safe area
Logo on backgrounds
No rules without exception
Dos and don'ts
Endorsed brand logo
Brand architecture model
Endorsed logo examples
Logo variants
Color variants
Safe area
Endorsed brands on social media
Product brand logos
Product brand
Product naming
Product brand logo variants
Color variants
Product brand logomark
Product brand logomark on social media
Product presentation
Colors
Foundation color
Neutral colors
Primary brand colors
Tint colors
Typography
Alternative for professionals
Google Workspace Web (temporary)
Fallback fonts
Highlighting
Hierarchy
Color of the typeface
Text on colored backgrounds
5th element
Colors
Gradient
Outer glow
Round corners
Imagery
Icons
Data visualizations and models
Simple visualizations
Complex visualizations
Table
Expressions
PowerPoint
Exhibition
Brand dominance
eBook/Whitepaper
Social Media and online banners
Design system for web
Design system for web
Typography
Highlighting
Page setup
Top components
Use of backgrounds
Distances
Components
Hero banner
Content Split Overlap
Image + text (left/right)
Multiple Column
Cards
Video
Form
List Columns
Text and Icons
Navigation
Footer
5th element
Shape and color overview
How to insert the 5th element
Colors
Black background
White background
Dark orange background
Light green background
Light blue background
Light orange background
Yellow background
Red background
Dark blue background
Dark green background
Images
Image type examples
ALT tags
Web accessibility examples
Design system for products
Design system for products
Typography
Headings
Body text
Principles
Accessibility
Colors
Core colors
Common colors
Text colors
Neutral colors
Informative colors
Danger / Error colors
Success colors
Caution / Waiting colors
Theme colors
Default themes
Principles
Accessibility
Icons
Principles
Accessibility
Radius
Principles
Elevation
Principles
Sizes
Principles
Buttons
Anatomy
Brand button
Fill button
Outline button
Text button
Destructive button
States
Principles
Other best practices
Text fields
Anatomy
States
Principles
Accessibility
Checkbox
Anatomy
Indeterminate checboxes
Principles
Accessibility
Other best practices
Radio
Anatomy
Principles
Accessibility
Other best practices
Download files
Download files
Logo
Endorsed logo
Product brand
Product presentation
Typography
Colors
5th element
Imagery
Powerpoint template
Word templates
CV template
Icons
Data visualizations and models
Brand dominance
Social media templates
Newsletter image template
Newsroom hero image template
Backgrounds for Microsoft Teams
Backgrounds for locked screen
Roll up banner template
Whitepaper template
Business card
Christmas card template
Christmas card hero image
Ebook in iPad mockup for blog
Web accessibility examples
Email guidelines and signature generator
HubDB guide
twoday logo-animation
Lower and upper third
Release notes
Release notes
March 8th 2024
Extended Image Text Left/Right module: List and layout
March 1st 2024
Display recent posts by tag on Blog Posts
February 23rd 2024
Custom Modules on Blog Posts
February 1st 2024
Autoplay functionality on Image Slider
January 10th 2024
Breaking Changes
Cards enhancement
Cards Carousel
Testimonials Carousel
Zoom on images
November 22nd 2023
New module: Carousel
CTA functionality on Testimonials Carousel
Added support for Embedded Videos
September 18th 2023
Revamped Video module
September 8th 2023
New module: Find Contact
Additions to Local Navigation module
September 4th 2023
Breaking change to listing URLs
twoday.com now redirects to country-specific page
FAQ - Full width option
Related Blog Posts can now be boosted with tags
Accessibility improvements
Required fields marked with disclaimer on forms
June 22nd 2023
"Nav Dropdown" changed to "Header"
Website Agent is available as a "Chat" widget
June 14th 2023
Filters are now optional on Contact Listing
Load More functionality on Cases Listing
Talentadore integration for twoday Finland
System Pages can be translated
May 11th 2023
Date span filters on Courses
May 9th 2023
Alphabetical HubDB filters
Contacts can be added to multiple departments
May 5th 2023
Course Listing - Title filter
Add HubDB rows to multilple languages
May 3rd 2023
Blog Listing - Sorted tags alphabetically
April 21st 2023
Contact Listing Module
Search field courses overview
List Columns module update
April 20th 2023
Locations Module
April 17th 2023
Multilanguage Dynamic Pages
April 14th 2023
FAQ Module
March 15th 2023
Course filters
Specific course list view
Case Listing
March 13th 2023
Language/country selector update
Local navigation
Pricing/package
Popup (modal)
February 27th 2023
Custom Form on Dynamic Pages
Press Releases from Meltwater
February 22nd 2023
Reference logos module
Testimonial module
Numbers counter
Process module
Accordion module
Image slider module
Other notes
Logo
twoday is always in lower case
The wordmark
The logomark
Scale
Safe area
Logo on backgrounds
No rules without exception
Dos and don'ts
Endorsed brand logo
Brand architecture model
Endorsed logo examples
Logo variants
Color variants
Safe area
Endorsed brands on social media
Product brand logos
Product brand
Product naming
Product brand logo variants
Color variants
Product brand logomark
Product brand logomark on social media
Product presentation
Colors
Foundation color
Neutral colors
Primary brand colors
Tint colors
Typography
Alternative for professionals
Google Workspace Web (temporary)
Fallback fonts
Highlighting
Hierarchy
Color of the typeface
Text on colored backgrounds
5th element
Colors
Gradient
Outer glow
Round corners
Imagery
Icons
Data visualizations and models
Simple visualizations
Complex visualizations
Table
Expressions
PowerPoint
Exhibition
Brand dominance
eBook/Whitepaper
Social Media and online banners
Typography
Highlighting
Page setup
Top components
Use of backgrounds
Distances
Components
Hero banner
Content Split Overlap
Image + text (left/right)
Multiple Column
Cards
Video
Form
List Columns
Text and Icons
Navigation
Footer
5th element
Shape and color overview
How to insert the 5th element
Colors
Black background
White background
Dark orange background
Light green background
Light blue background
Light orange background
Yellow background
Red background
Dark blue background
Dark green background
Images
Image type examples
ALT tags
Web accessibility examples
Typography
Headings
Body text
Principles
Accessibility
Colors
Core colors
Common colors
Text colors
Neutral colors
Informative colors
Danger / Error colors
Success colors
Caution / Waiting colors
Theme colors
Default themes
Principles
Accessibility
Icons
Principles
Accessibility
Radius
Principles
Elevation
Principles
Sizes
Principles
Buttons
Anatomy
Brand button
Fill button
Outline button
Text button
Destructive button
States
Principles
Other best practices
Text fields
Anatomy
States
Principles
Accessibility
Checkbox
Anatomy
Indeterminate checboxes
Principles
Accessibility
Other best practices
Radio
Anatomy
Principles
Accessibility
Other best practices
Logo
Endorsed logo
Product brand
Product presentation
Typography
Colors
5th element
Imagery
Powerpoint template
Word templates
CV template
Icons
Data visualizations and models
Brand dominance
Social media templates
Newsletter image template
Newsroom hero image template
Backgrounds for Microsoft Teams
Backgrounds for locked screen
Roll up banner template
Whitepaper template
Business card
Christmas card template
Christmas card hero image
Ebook in iPad mockup for blog
Web accessibility examples
Email guidelines and signature generator
HubDB guide
twoday logo-animation
Lower and upper third
March 8th 2024
Extended Image Text Left/Right module: List and layout
March 1st 2024
Display recent posts by tag on Blog Posts
February 23rd 2024
Custom Modules on Blog Posts
February 1st 2024
Autoplay functionality on Image Slider
January 10th 2024
Breaking Changes
Cards enhancement
Cards Carousel
Testimonials Carousel
Zoom on images
November 22nd 2023
New module: Carousel
CTA functionality on Testimonials Carousel
Added support for Embedded Videos
September 18th 2023
Revamped Video module
September 8th 2023
New module: Find Contact
Additions to Local Navigation module
September 4th 2023
Breaking change to listing URLs
twoday.com now redirects to country-specific page
FAQ - Full width option
Related Blog Posts can now be boosted with tags
Accessibility improvements
Required fields marked with disclaimer on forms
June 22nd 2023
"Nav Dropdown" changed to "Header"
Website Agent is available as a "Chat" widget
June 14th 2023
Filters are now optional on Contact Listing
Load More functionality on Cases Listing
Talentadore integration for twoday Finland
System Pages can be translated
May 11th 2023
Date span filters on Courses
May 9th 2023
Alphabetical HubDB filters
Contacts can be added to multiple departments
May 5th 2023
Course Listing - Title filter
Add HubDB rows to multilple languages
May 3rd 2023
Blog Listing - Sorted tags alphabetically
April 21st 2023
Contact Listing Module
Search field courses overview
List Columns module update
April 20th 2023
Locations Module
April 17th 2023
Multilanguage Dynamic Pages
April 14th 2023
FAQ Module
March 15th 2023
Course filters
Specific course list view
Case Listing
March 13th 2023
Language/country selector update
Local navigation
Pricing/package
Popup (modal)
February 27th 2023
Custom Form on Dynamic Pages
Press Releases from Meltwater
February 22nd 2023
Reference logos module
Testimonial module
Numbers counter
Process module
Accordion module
Image slider module
Other notes
Brand guidelines
Brand guidelines
Logo
twoday is always in lower case
The wordmark
The logomark
Scale
Safe area
Logo on backgrounds
No rules without exception
Dos and don'ts
Endorsed brand logo
Brand architecture model
Endorsed logo examples
Logo variants
Color variants
Safe area
Endorsed brands on social media
Product brand logos
Product brand
Product naming
Product brand logo variants
Color variants
Product brand logomark
Product brand logomark on social media
Product presentation
Colors
Foundation color
Neutral colors
Primary brand colors
Tint colors
Typography
Alternative for professionals
Google Workspace Web (temporary)
Fallback fonts
Highlighting
Hierarchy
Color of the typeface
Text on colored backgrounds
5th element
Colors
Gradient
Outer glow
Round corners
Imagery
Icons
Data visualizations and models
Simple visualizations
Complex visualizations
Table
Expressions
PowerPoint
Exhibition
Brand dominance
eBook/Whitepaper
Social Media and online banners
Design system for web
Design system for web
Typography
Highlighting
Page setup
Top components
Use of backgrounds
Distances
Components
Hero banner
Content Split Overlap
Image + text (left/right)
Multiple Column
Cards
Video
Form
List Columns
Text and Icons
Navigation
Footer
5th element
Shape and color overview
How to insert the 5th element
Colors
Black background
White background
Dark orange background
Light green background
Light blue background
Light orange background
Yellow background
Red background
Dark blue background
Dark green background
Images
Image type examples
ALT tags
Web accessibility examples
Design system for products
Design system for products
Typography
Headings
Body text
Principles
Accessibility
Colors
Core colors
Common colors
Text colors
Neutral colors
Informative colors
Danger / Error colors
Success colors
Caution / Waiting colors
Theme colors
Default themes
Principles
Accessibility
Icons
Principles
Accessibility
Radius
Principles
Elevation
Principles
Sizes
Principles
Buttons
Anatomy
Brand button
Fill button
Outline button
Text button
Destructive button
States
Principles
Other best practices
Text fields
Anatomy
States
Principles
Accessibility
Checkbox
Anatomy
Indeterminate checboxes
Principles
Accessibility
Other best practices
Radio
Anatomy
Principles
Accessibility
Other best practices
Download files
Download files
Logo
Endorsed logo
Product brand
Product presentation
Typography
Colors
5th element
Imagery
Powerpoint template
Word templates
CV template
Icons
Data visualizations and models
Brand dominance
Social media templates
Newsletter image template
Newsroom hero image template
Backgrounds for Microsoft Teams
Backgrounds for locked screen
Roll up banner template
Whitepaper template
Business card
Christmas card template
Christmas card hero image
Ebook in iPad mockup for blog
Web accessibility examples
Email guidelines and signature generator
HubDB guide
twoday logo-animation
Lower and upper third
Release notes
Release notes
March 8th 2024
Extended Image Text Left/Right module: List and layout
March 1st 2024
Display recent posts by tag on Blog Posts
February 23rd 2024
Custom Modules on Blog Posts
February 1st 2024
Autoplay functionality on Image Slider
January 10th 2024
Breaking Changes
Cards enhancement
Cards Carousel
Testimonials Carousel
Zoom on images
November 22nd 2023
New module: Carousel
CTA functionality on Testimonials Carousel
Added support for Embedded Videos
September 18th 2023
Revamped Video module
September 8th 2023
New module: Find Contact
Additions to Local Navigation module
September 4th 2023
Breaking change to listing URLs
twoday.com now redirects to country-specific page
FAQ - Full width option
Related Blog Posts can now be boosted with tags
Accessibility improvements
Required fields marked with disclaimer on forms
June 22nd 2023
"Nav Dropdown" changed to "Header"
Website Agent is available as a "Chat" widget
June 14th 2023
Filters are now optional on Contact Listing
Load More functionality on Cases Listing
Talentadore integration for twoday Finland
System Pages can be translated
May 11th 2023
Date span filters on Courses
May 9th 2023
Alphabetical HubDB filters
Contacts can be added to multiple departments
May 5th 2023
Course Listing - Title filter
Add HubDB rows to multilple languages
May 3rd 2023
Blog Listing - Sorted tags alphabetically
April 21st 2023
Contact Listing Module
Search field courses overview
List Columns module update
April 20th 2023
Locations Module
April 17th 2023
Multilanguage Dynamic Pages
April 14th 2023
FAQ Module
March 15th 2023
Course filters
Specific course list view
Case Listing
March 13th 2023
Language/country selector update
Local navigation
Pricing/package
Popup (modal)
February 27th 2023
Custom Form on Dynamic Pages
Press Releases from Meltwater
February 22nd 2023
Reference logos module
Testimonial module
Numbers counter
Process module
Accordion module
Image slider module
Other notes
Web accessibility examples
A mini guide to web editors containing best practices regarding logo, color, 5th element and button use. It also contain some concrete examples with dos and don´ts on web.
Mini guide
