IOM Frontend Design System

Overview

Use this skill to keep UI work consistent with the existing IOM visual system. Decide first whether the target surface is the public site or the admin dashboard, then follow the matching guidance and references before making design changes.

Workflow

1. Classify the target surface. Public marketing, donation, activity, merchandise, and informational pages use the public-site system. Authenticated dashboard CRUD screens, tables, filters, modals, and analytics use the admin-dashboard system.

2. Load only the relevant reference file. Read references/public-site.md for the public website. Read references/admin-dashboard.md for the dashboard.