Omni HTML Reporting Template
A guide to building consistent, accessible, and visually clear HTML reports in Quarto
Overview
This template is a collection of tested, reusable HTML components designed to help Omni staff produce clean, professional reports and data summaries directly in Quarto (.qmd files). Rather than starting from scratch each time, you can pull the components that best fit your content and drop them into your own project — all styled automatically through the shared styles.css file.
The components here are organized by type and purpose. Each section includes a live example, the raw code, and guidance on when to use that component, why it may be a better choice than alternatives, and any limitations to keep in mind. Think of this as a living style guide: as Omni’s reporting needs grow, new components can be added here.
Examples of Digital Reports
Omni branded
Kentucky Gambling 101 Toolkit
Developed for DBHDID to educate mental health care providers in Kentucky about responsible gambling, problem gambling risks, warning signs, and pathways to support.
Omni branded
Riverside County Evaluation Progress Report
An evaluation progress report developed using the Omni reporting template.
Coming soon
Project title here
Short description of the project and who it was for.
Under Construction
The Omni HTML Reporting Template is actively being built out. New components, examples, and guidance are added regularly.
We appreciate your patience as we continue to grow this resource!
Expected launch: June 1, 2026
What’s in this template?
The template covers four broad categories of HTML report development and considerations. Use the navigation tabs at the top or below to explore each category.
Branding
Learn how to apply Omni’s visual identity to your report — including color palette, typography, logo usage, and when to use Omni, CSI, co-branded, or client-branded styling.
Structure
Understand how to set up and organize your Quarto project — including file structure, navigation, and how to use the template files to get started quickly.
Static Components
Browse ready-to-use components for displaying metrics, text, and organization — including stat cards, callouts, tables, and two-column layouts.
Interactive Components
Explore components that add interactivity to your report — including interactive charts, tabsets, parallax storytelling, and dynamic organization displays.
Version Control
View Template's Version History Here
| Version | Date | Author | Description of Changes |
|---|---|---|---|
| 0.0 | 2026-03-27 | H. Lunkenheimer | Initial draft shared with BPT |
| 0.1 | 2026-05-01 | N. Sanchez | Updated Branding, Structure, Video and Audio sections |