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
- Science laws of physics worldlets
- Galaxies Rig Veda tesseract
- Muse about citizens of distant epochs
- 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.
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%