294 / 627

Feature grid with a science panel

A grid of features where each one can open the science behind it. The buttons under the grid open a side panel with model, input, output and evidence.

  • HairlinesThe lines between the cells come from the gap and a background on the grid, so they work with any number of columns.
  • One link per cellEach cell is one link with a hover state.
  • PanelThe panel is a dialog element. Escape and a click outside close it.
Shelf
Heroes and sections
Group
Sections 14 of 19
Theme
Light and dark
Live pointer
9 steps, until you take over