Style Guide Guide

  • Getting started
  • Guidelines
    • Overview
    • Design Principles
    • Theming
    • Code conventions
    • Accessibility
    • Data display
    • Data entry
    • Data validation
    • Input modes
    • Navigation
    • Notifications
    • Writing
    • Browser support
  • Styles
    • Overview
    • The New Yorker
    • Vogue
  • Components
    • Advertising
      • Ad container
    • Blocks and cards
      • Overview
      • Card
      • Hero
      • Lede
      • Tile
    • Buttons
      • Overview
      • Button group
      • Button
      • Text button
    • Charts and graphs
      • Overview
      • Bar graph
    • Form controls
      • Overview
      • Text field
    • Headers and footers
      • Overview
      • Footer
      • Horizontal header
      • Vertical header
    • Icons
      • Overview
      • Icons
    • Interactive panels
      • Overview
      • Tabs
    • Lists and collections
      • Overview
      • Card list
      • Numbered Card list
      • Tile list
    • Media
      • Overview
      • Video
    • Messaging
      • Overview
      • Alert
      • Tooltip
    • Navigation
      • Overview
      • Breadcrumbs
      • Social share
      • Tags
    • Tables
      • Overview
      • Table
    • Text
      • Overview
      • Content header
      • Page header
      • Section header
      • Text passage
  • Utilities
    • Overview
  • Page templates
  • Downloads
  • Support
  • Contribute

Page Templates

This section collects commonly-used page templates that are useful as a starting point for similar use cases.

  • About the design system

    The about page should provide a bit more high-level information about the system, who's behind it, its back story, and any other info that's helpful to lay out.

  • Contributing to the design system

    This page explains the process (or processes) by which the design system gets updated

  • Downloads

    Links to repositories, design templates, tools, and so on.

  • App Gallery

    The app gallery showcases apps created using the design system. This helps provide credibility to the system, incentivizes teams to use the system, and provides a handy reference to see components in the wild.

  • Getting Started

    The getting started page should provide information for how to get up and running with the design system.

  • Release history

  • Condé Nast Design System

    Insert tagline about the design system

  • Release History

    Jekyll's built-in [blogging feature](http://import.jekyllrb.com/) could be a good way to communicate changes and updates to the design system. See [Material Design's What's New page](https://material.io/guidelines/material-design/whats-new.html) for inspiration.

  • Roadmap

    The roadmap shows the plan of attack for upcoming releases to the design system

  • Support

    The support page provides information about getting help with using the design system

  • About
  • Roadmap
  • Release History
  • Contribute