Design System

Elements are the most basic pieces of Ecosystem.

Typography

Typography is at the heart of properly structured content, directly impacting readability, recognition, understanding and accessibility. The typographic system also takes the guesswork out of styling while promoting consistency.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

Descended from astronomers brain is the seed of intelligence Hypatia Apollonius of Perga permanence of the stars realm of the galaxies. Not a sunrise but a galaxyrise the only home we've ever known extraplanetary explorations extraordinary claims require extraordinary evidence the sky calls to us.

  • Science laws of physics worldlets
  • Galaxies Rig Veda tesseract
  • Muse about citizens of distant epochs
  • Vanquish the impossible how far away courage
  1. Science laws of physics worldlets
  2. Galaxies Rig Veda tesseract
  3. Muse about citizens of distant epochs
  4. Vanquish the impossible how far away courage

Color

Color is a core element in the Science Center's identity that brings unification and recognition when consistently applied. The color system was also designed specifically with accessibility in mind, making high contrast a top priority.


Science Center Color Palette

Grid

A layout grid is the underlying structure of a page layout. Ecosystem's grid is specifically designed to achieve seamless and organized layouts on screen of all sizes and resolutions, no matter how wide, narrow or fine. The grid is constructed of twelve, percentage-based columns that perform flawlessly at different breakpoints.

100%

75%

25%

66%

33%

60%

40%

50%

50%


Learn more about...