Research Page Templates

Files

• research-page.html — Base template with all components
• research.css — Standardized styles
• README.md — Full documentation

Components

Stat Cards

<div class="stat-card">
    <div class="stat-value">1,234</div>
    <div class="stat-label">Your Metric</div>
</div>

Key Finding Box

<div class="key-finding">
    <h3>Key Finding</h3>
    <p>Important insight here.</p>
</div>

Figure with Caption

<div class="figure">
    <img src="figure1.png" alt="Description">
    <p class="caption"><strong>Figure 1:</strong> Explanation.</p>
</div>

Data Table

<table>
    <thead>
        <tr><th>Column 1</th><th>Column 2</th></tr>
    </thead>
    <tbody>
        <tr><td>Data</td><td>More data</td></tr>
    </tbody>
</table>

Design System