Design once, use anywhere

Overview

Learn how to work effectively with light and dark modes, brands, renderings, and multiple output formats, and how to share a consistent brand across multiple Quarto projects without duplication or fragility.

Open slides in fullscreen

Learning Objectives

By the end of this module, you will be able to:

  • Enable and customize light and dark modes for HTML documents and websites.
  • Define a brand with _brand.yml, including colors, typography, and logos.
  • Apply a single brand consistently across multiple Quarto projects without duplication.
  • Render the same branded content to multiple formats while preserving brand consistency.