Demo design system

Ecosystems like yours are helping give the future of STEM education the PUSH it needs. Now more than ever, our systems of learning are ripe for reinvention. Too many classrooms, programs, and institutions lack the explicit equity focus needed to ensure each student succeeds. In turn, students from specific racial and ethnic groups, namely Black and Brown students, continue to be underrepresented in STEM majors and fields, creating not only a diversity deficit but a deficit of ideas and innovation needed to solve society’s most pressing problems.
the STEM PUSH Network, a National Science Foundation INCLUDES Alliance, has brought together regional STEM Learning Ecosystems, precollege STEM programs, researchers, culturally sustaining pedagogy experts, higher education admissions leaders, and other partners to create systemic change in post-secondary STEM admissions. Together, they’re addressing a key breakpoint in current learning pathways for Black and Brown students: the successful transition from precollege STEM programs to undergraduate STEM programs.
To increase the number of Black and Brown students pursuing STEM by reinventing the relationship between precollege STEM programs and higher education admissions.
Main heading sizes

Title 1 typography check - lorem ipsum dolor.

Title 2 typography check - lorem ipsum dolor.

Title 3 typography check - lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title 4 typography check - lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title 5 heading typography check - lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title 6 typography check - lorem ipsum dolor sit amet, consectetur adipiscing elit glavrida pulvinar.

Main content styles

Large content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Base content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Medium content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Small content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Quote – lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

List, link, paragraph

Content area

Ut nat nisl ullamcorper link styling dapibus. Sed mi nibh, tristique id erat at, pulvinar commodo arcu. Pellentesque tincidunt quam non augue placerat pretium.

Ut efficitur dolor tellus, et vehicula lectus pellentesque et. Proin vestibulum cursus magna et consectetur. 

Cras efficitur quam urna, eu volutpat diam interdum a. Duis pretium eros sed condimentum congue.

Unordered list

  1. Aliquam rutrum justo nec laoreet faucibus.
  2. Quisque efficitur dui nec nisi sollicitudin, eget blandit velit luctus.
  3. In interdum – purus eu mi ullamcorper, id vulputate lorem tincidunt.
  4. Vivamus scelerisque sapien imperdiet ornare posuere.
  5. Nulla glavrida dolor amet

Ordered list

  1. Aliquam rutrum justo nec laoreet faucibus.
  2. Quisque efficitur dui nec nisi sollicitudin, eget blandit velit luctus.
  3. In interdum purus eu mi ullamcorper, id vulputate lorem tincidunt.
  4. Vivamus scelerisque sapien imperdiet ornare posuere.
Additional styles

Subtitle

Main menu

Mobile menu

Text colors

Titles color – lorem amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus.

Content color – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper mattis, pulvinar dapibus leo.

Content color secondary – lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Standard button sizes
Button name
Button name
Button name
Button name
Button name
Content box
Content boxes background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Content box color
Content boxes background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Dark background color
Dark background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Border color
Dividers (borders) test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.