# Petrol Design Package

This package contains a clear UI/UX design document, a letterhead, and example pages for light and dark themes.

## Files
- `design-document.md` — design system notes, palette rationale, and component guidance.
- `letterhead.html` — printable letterhead with branding.
- `index.html` — sample one-page community portal UI.
- `light-theme.css` — light theme tokens and component styles.
- `dark-theme.css` — dark theme token override.
- `examples/forms.html` — form control examples.
- `examples/buttons.html` — button and chip examples.
- `examples/typography.html` — typographic specimen page.
- `assets/logo.svg` — simple brand mark.
- `assets/pattern.svg` — subtle petrol background pattern.