Designing a UNICEF Storytelling Page in Quarto
A sample post for reports, guidance, and narrative publishing
Quarto is a strong fit for UNICEF-style publishing because it supports long-form reading, structured navigation, analytical content, and reproducible publication workflows without forcing the site into a generic documentation or SaaS dashboard aesthetic.
Why This Format Works
The UNICEF brand book emphasizes clarity, dignity, consistency, and strong communication through typography, photography, and disciplined use of color. Quarto websites naturally support those goals when the site is treated as an editorial system rather than a technical scaffold.
Use UNICEF Blue as a strong institutional signal, but let the page remain primarily about the content, evidence, and human story.
Reading Rhythm
Long-form UNICEF content should feel calm, readable, and direct. This means:
- large, lightly weighted titles
- generous paragraph spacing
- restrained callouts
- crisp tables and charts
- a narrow enough line length to support sustained reading
Whoever she is. Wherever he lives. Every child deserves a childhood, a future, and a fair chance.
Quarto Features to Lean On
Quarto provides several built-in capabilities that map well to UNICEF publishing needs.
| Feature | Why it matters | Recommended use |
|---|---|---|
| Navbar | Gives global orientation | Major site sections and search |
| Sidebar | Supports chaptered or sectioned content | Reports, guidance, and multi-page series |
| Reader mode | Reduces distraction | Long-form reading and policy pages |
| Page navigation | Supports sequential reading | Chapters and structured briefs |
| Callouts | Clarifies emphasis | Notes, tips, cautions, warnings, important guidance |
| Code copy | Helps technical readers | Research and reproducibility pages |
Callout Semantics
Use callouts sparingly and only when the content genuinely deserves special emphasis.
- Note for neutral clarification
- Tip for useful implementation advice
- Caution for practical edge cases or tradeoffs
- Warning for stronger disruption or risk
In a UNICEF-style publication page, most explanatory text should remain in the main article flow. Callouts should support scanning, not replace the article structure.
Code and Configuration
For Quarto websites, the site shell should stay simple and transparent. A minimal _quarto.yml plus a small set of brand and theme files is often enough.
project:
type: website
website:
title: UNICEF
reader-mode: true
page-navigation: true
navbar:
background: primary
search: true
format:
html:
theme:
light: [cosmo, brand, custom.scss]
dark: [slate, brand, custom-dark.scss]Editorial Use Cases
This pattern works especially well for:
- annual reports
- country or regional briefing sites
- policy guidance
- research microsites
- documentation for data or program tools
- campaign explainers with supporting evidence