Modal Components

Reusable building blocks for rich modal content.

Accent bars

Category label

Field Guide

Content title & subtitle

Modal content title

A subtitle with muted text that explains what this section is about.

Image container with vignette

Caption text below the image

Usage

<div class="modal-accent-top"></div>
<span class="modal-category">Label</span>
<div class="modal-content-title">Title</div>
<p class="modal-content-subtitle">Subtitle</p>
<div class="modal-image-container">
  <img src="..." class="w-100">
</div>
<div class="modal-image-caption">Caption</div>