Teaser Widget (above)
Short title and text - emphasis on images and call to action.
Visual media should be calm so text is readable. Black text also possible.
Background image and video - always 5:2.
Video in pop-up window ("Play Video" button) - always 16:9.
Up to four links possible. Call to action (button) texts preferably 2 words or less.
If no links are specified, the widget will show a down arrow.

Picture Gallery Widget

Images should be 4:3. Other image ratios are possible but the previews will not be sharp. At least three images. Three to five images will show a single row of three previews. Six or more images will show two rows of three previews. Further images (also vertical format) can be seen in the slideshow by clicking on a preview (click below, click to the right). A picture gallery can also be embedded in a text widget. See header "Text Widget".

Plate Dining Chair Soft Shell Side Shair Soft Shell Chair_web_16-9

Inspirations Widget (above)
(= Reference Widget for Office Products - different name, same widget)
always 16:9 image(s)
with coordinates (1st image)
or without coordinates as fullscreen image (2nd image)

Video Widget

Video always 16:9 format. Any file format is OK, since it will be hosted and converted in Vitra's Vimeo account. Quality - at least Full HD (1920 x 1080 px), bigger is also OK. A teaser image is always required, also 16:9. The teaser may be a screenshot (stillframe) from the video. Include a title and brief introductory text (what are we seeing in the video?). A video widget can also be embedded in a text widget (title and intro text optional). See header "Text Widget".

Video Fullscreen Widget

Video with play button. Video - 16:9 format. Any file format is OK, hosted in Vimeo. Quality - at least Full HD (1920 x 1080 px). Teaser image always required, 16:9 or 5:2. The teaser may be a screenshot (stillframe) from the video. Include title and brief introductory text (what are we seeing in the video?).

Play video

Video Background Widget

Video 16:9, hosted in Vimeo, at least Full HD quality. Teaser image 16:9. Options: autoplay, looping, mute. For autoplay, audio must be muted. For "seamless" autoplay start, preview image shold be a screenshot of the first frame of the video. Also possible without text (autoplay video only).

Call to action

Text Widget

Subtitle

Body text - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

"This is a quote." Quotes should be short because the text is big.

Quote Person Name

bold text

FAQ - answer. Links also possible.

bullet list
bullet point 2

Separator:

Link in text: for more info about images in the text widget see Possible Image Layouts.

Link as Button

Single image - horizontal image ratio (here with white background):

Image pair - images must have the same image ratio:

Picture gallery embedded:

Video embedded:

iFrame embedded:

Bookshelf embedded (more info about Bookshelf Widgets below):

Parallax Teaser Widget

background image 16:9. Title, subtitle, call to action. Text should be short. Text can be black or white, with or without text box.

Call to action

Bookshelf Widget

Rows of (up to) four, usually no more than two rows (8 links). Teaser images always 4:3. A bookshelf can also be embedded in a text widget. See header "Text Widget".

Product Listing Widget

CitéJean Prouvé

from 2,820.00 €

Organic ChairCharles Eames & Eero Saarinen

from 1,710.00 €

Fauteuil de SalonJean Prouvé

Grand Repos & PanchinaAntonio Citterio

Only Subfamilies can be linked. (Families can be linked in a bookshelf widget, however without designer name and price information.) Always rows of four. Consider products' local channels (e.g. Eames / Non-Eames).

Slider Parallax Widget

One or more fullscreen slides which move vertically by scrolling up or down. Only still images, always 16:9. Title, teaser text, call to action. Because of its expansive size, it's only used as a call to action to link to important themes (i.e. to jump to a landing page)

Call to action

Slider Parallax Widget - Slide 2

This widget is used infrequently because of its extreme size and slightly non-intuitive user "feel".

Call to action

Social Wall Widget

Once the social wall is creted (externally), we need a URL to enter into the Metadata of this widget. The social wall will then be displayed.

Filter List Widget

Product recall: electrification setsMay 26, 2020

Stockholm Furniture FairJanuary 14, 2020

Visplay is back!January 1, 2019

Vitra at OrgatecOctober 23, 2018

Orgatec 2018 New Products and UpdatesOctober 23, 2018

Desk, standing-height table, sofa, flat boxMay 16, 2016

An automatically updating selection of articles / pages (usually the newest based on publication date) will be shown. Can be set to show news articles, magazine articles, project references or a sub-topic of one of these (for example, the latest office news topics, as above). Can be limited to a maximum number of articles (usually 4 or 8).

Take me to...

Content Guidelines Overview