Welcome to the Decanter Style Guide and Pattern Library.

Decanter is a web design and development system for Stanford University. It includes a responsive layout system and a browsable collection of design patterns that can be used in any Stanford project.


Explore our UI components

From buttons, to rows of cards, to full article level pages, Decanter breaks down and builds components thoughtfully, allowing your content to be displayed exactly the way you want.


Developer Resources



Browse our catalog of components and view the markup.



From coding standards to best practices follow the link to find out more.

Wiki Docs

More from Stanford University

  • Stanford University Communications

    Providing information about Stanford University; coordinating the university's public and media relations efforts; and producing the university's main web pages, social media channels and central publications.

    Learn more about Stanford University Communications

  • Stanford Identity Toolkit

    If you’re inside Stanford, and looking for guidelines applying the identity, emblem files, policies, or support, this is your resource.

    Use the Identity Toolkit

  • Stanford Web Services

    Providing the Stanford community a full range of website planning, design, development, and maintenance support at below-market rates.

    Learn more about Stanford Web Services