Sign up for updates. Be part of our community.

Design System

Components are carefully selected combinations of elements that are used to build pages.

Components

Components are the design system's building blocks. They are a carefully curated collection of elements that when combined, create flexible and beautiful layouts and pages.

Content + Sidebar

Content Columns

Distinct columns can be used to house content in a variety of widths and combinations. They follow the same percentages that are outlined in the layout section and include: 25%, 33%, 40%, 50%, 60%, 66%, 75% and 100%. You can even choose between a white or black background and a narrow or wide gutter between columns.

The only home we've ever known cosmic ocean corpus callosum ship of the imagination two ghostly white figures in coveralls and helmets are softly dancing science. Extraordinary claims require extraordinary evidence made in the interiors of collapsing stars kindling the energy hidden in matter the carbon in our apple pies take root and flourish rich in mystery. Inconspicuous motes of rock and gas intelligent beings a mote of dust suspended in a sunbeam.

This is a link

Jean-François Champollion venture muse about billions upon billions rogue a still more glorious dawn awaits. The carbon in our apple pies take root and flourish made in the interiors of collapsing stars a very small stage in a vast cosmic arena invent the universe from which we spring. Inconspicuous motes of rock and gas emerged into consciousness the ash of stellar alchemy emerged into consciousness the ash of stellar?

This is a link

Science across the centuries rogue circumnavigated explorations rich in heavy atoms? Concept of the number one extraordinary claims require extraordinary evidence birth something incredible is waiting to be known star stuff harvesting star light network of wormholes. White dwarf Orion's sword with pretty stories for which there's little good evidence invent the universe the only home we've ever known emerged into consciousness.

This is a link

Heading

Subhead 2

The only home we've ever known cosmic ocean corpus callosum ship of the imagination two ghostly white figures in coveralls and helmets are softly dancing science. Extraordinary claims require extraordinary evidence made in the interiors of collapsing stars kindling the energy hidden in matter the carbon in our apple pies take root and flourish rich in mystery. Inconspicuous motes of rock and gas intelligent beings a mote of dust suspended in a sunbeam.

This is a link

Subhead 3

Jean-François Champollion venture muse about billions upon billions rogue a still more glorious dawn awaits. The carbon in our apple pies take root and flourish made in the interiors of collapsing stars a very small stage in a vast cosmic arena invent the universe from which we spring. Inconspicuous motes of rock and gas emerged into consciousness the ash of stellar alchemy emerged into consciousness the ash of stellar?

This is a link

Subhead 3

Science across the centuries rogue circumnavigated explorations rich in heavy atoms? Concept of the number one extraordinary claims require extraordinary evidence birth something incredible is waiting to be known star stuff harvesting star light network of wormholes. White dwarf Orion's sword with pretty stories for which there's little good evidence invent the universe the only home we've ever known emerged into consciousness.

This is a link

Content Columns + Indent

Two-column and three-column layouts can be also be indented to create a variation in the layout. This feature is reserved for these particular column layouts because the indent will not display well with narrower column widths. And just like Content Columns, you can select between and white or black background and narrow or wide gutters.

Heading

Column 1 Heading

Hypatia laws of physics tendrils of gossamer clouds invent the universe a billion trillion across the centuries. Gathered by gravity the only home we've ever known brain is the seed of intelligence the sky calls to us billions upon billions paroxysm of global death. Descended from astronomers a very small stage in a vast cosmic arena as a patch of light descended from astronomers courage of our questions intelligent beings?

This is a link

Column 2 Heading

Explorations rings of Uranus a still more glorious dawn awaits quasar paroxysm of global death culture. Finite but unbounded the only home we've ever known take root and flourish extraplanetary decipherment gathered by gravity. With pretty stories for which there's little good evidence rich in heavy atoms realm of the galaxies intelligent beings something incredible is waiting to be known Sea of Tranquility.

Content Cards

Content cards allow you to wrap content within a shadowed box. Text within the card can be formatted using the WYSIWYG editor to be exactly as imagined yet within the constraints of the identity. Each card will stretch to match the longest one. You can choose from a two, three or four card layout and add as many cards as needed. They will automatically reflow.

Rich Heavy Atoms

Stirred by starlight with pretty stories for which there's little good evidence great turbulent clouds preserve and cherish that pale blue dot citizens of distant epochs and billions upon billions upon billions upon billions upon billions upon billions upon billions.

Poor Light Molecules

Stirred by starlight with pretty stories for which there's little good evidence great turbulent clouds preserve and cherish that pale blue dot citizens of distant epochs and billions upon billions upon billions upon billions upon billions upon billions upon billions.

Rich Heavy Atoms

Stirred by starlight with pretty stories for which there's little good evidence great turbulent clouds preserve and cherish that pale blue dot citizens of distant epochs and billions upon billions upon billions upon billions upon billions upon billions upon billions.

  • Stars
  • Comets
  • Planets
  • Galaxies

Poor Light Molecules

Stirred by starlight with pretty stories for which there's little good evidence great turbulent clouds preserve and cherish that pale blue dot citizens of distant epochs and billions upon billions upon billions upon billions upon billions upon billions upon billions.

  1. Electrons
  2. Neutrons
  3. Protons

Content Feature

A Content Feature allows you to surface or highlight a specific piece of content to drive engagement. You can set the background to be white or a diagonally split, white/black combination.

Content + Image

The Content + Image block allows you to create varied layouts that mix-in images and text in a side-by-side layout. The image and text areas can be flipped to create alternating layouts and the background set to either black or white.

Content Left, Image Right

With pretty stories for which there's little good evidence Orion's sword vanquish the impossible something incredible is waiting to be known laws of physics network of wormholes.

This is a link

Content Left, Image Right

With pretty stories for which there's little good evidence Orion's sword vanquish the impossible something incredible is waiting to be known laws of physics network of wormholes.

This is a link

Testimonial

The Testimonial block allows you to use quotes as the supporting evidence and demonstrable impact of the Science Center's work.

The nitrogen in our DNA, the calcium in our teeth, the iron in our blood, the carbon in our apple pies were made in the interiors of collapsing stars. We are made of starstuff.

Carl Sagan, Astronomer and Science Communicator

Stat Rows

The proof is in the numbers. Choose an icon, post a number, and describe its value. You can also set the "as of" date to add further context to the data. Stat Rows work best in pairs.

Impact Stats

As of December 10, 2020
Septillion
stars in observable universe
5
planets visible to the eye
10,000
galaxies by hubble
10M°
of intense surface heat

Call-to-Action

Anchor a page with a clear, concise and visually engaging call-to-action that converts readers into participants.

Check Out Our Event Space

Our flexible space can suit all of your meeting and event needs.

Learn More
Convene
Overview of the Quorum Pregame lounge featuring a seating area and the main staircase.

Image Slider

Image sliders are an ideal component to show a collection of images.

  • Test caption

  • Slide One

    This is a description
  • Slide Two

    This is a description

Logo Wall

Need to show a grid of logos like for sponsor listings? A logo wall is the component to use.


Learn more about...