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.