3D Systems' website UI Kit

WYSIWYG text

Used primarily for rich text like articles, lists, and the like. Available styles below:

The five boxing wizards jump quickly (h2)

The five boxing wizards jump quickly (h2 small)

The five boxing wizards jump quickly (h3)

The five boxing wizards jump quickly (h4) 

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. (body/normal)

The five boxing wizards jump quickly (footnote)

Use pull quotes to highlight a specific piece of information in an article or page that is particularly important.

Links to documents need to be handled differently than links for other web content. In order to have the correct behavior, use the document link module. There are three different views for documents, visible below

Images can be added through our image selector tool, and can be reused throughout the site. Images always attempt to fill the width of the space that they are placed in, unless the size of the image is too small.

• If a .png is too small to fill the width, it will not have a background color behind it.
• If a non-png image is too small to fill the width, it will have a light gray background color that does fit the width.

We use Vidyard for video players on our site. Videos will only load once a user clicks the video

This was previously referred to as "Columnized" -- This is the main building block of most layouts on the site. It allows for responsive setup of a layout or grid with equal-width columns/grid items.

Grids can be defined as either Default (Contained) or Full Browser Width.

We can also use image backgrounds, and have each grid item be full-width.

A layout type that allows for two unevenly-sized columns next to each other. the narrower sidebar column can be placed on either side of the content, but it always appears below the content on mobile devices.

The Border Box paragraph can be used to create content that is enclosed in either a border or a gray box. The configuration options can be seen below.