Title Page
Multiple lines display like this- With a subtitle -

Event name / Presentation date
Presenter name

Usage

<!-- _class: title -->
<!-- _paginate: false -->

# Main Title<small>- Subtitle -</small>

Event name / Date
Author name
scss/canvas/slide-pattern/_title.scss

Structure

  • h1: Title text (80% height, vertically centered)
    • small: Subtitle (50% of title font size)
  • p after h1: Metadata (date, event, author)
    • Right-aligned at bottom
scss/canvas/slide-pattern/_title.scss

CSS Variables

CSS Variable Default
--title-h1-font-size var(--font-size-3xl) (100px)
--title-metadata-color-text var(--color-grey-light)
scss/canvas/slide-pattern/_title.scss

Customized Title

Smaller title with blue metadata

scss/canvas/slide-pattern/_title.scss

Customization Example

---
style: |
  section.title {
    --title-h1-font-size: 2em;
    --title-metadata-color-text: #3b91c4;
  }
---

Override title font size and metadata color.

scss/canvas/slide-pattern/_title.scss