Skip to content

Vanderbilt Design System

Welcome to Vanderbilt’s new design system! Below you’ll find prototype pages showcasing the system’s components working in context of a full page. Using the menu at left, you can also browse foundation pages, which cover fundamentals that apply to the entire system, or component pages, which document each individual element and their options.

Dev Tips

  • Press 0 on any page to toggle the grid overlay
  • Press 1 on any page to toggle through light, dark, and tone themes
  • Press 2 on any page to toggle the component highlighters
  • Press s on any foundation or component page to show or hide the sidebar

Demo Pages

Article Pages

Detail Pages

Guide Pages

Home Pages

Other Pages

Pathway Pages

Top-Level Pages