A brand guideline web app built with React, TypeScript, Tailwind CSS, and Vite. It presents the Miruns brand identity — logo usage, color palette, typography, voice & tone, iconography, and spacing — in a single-page format that can be exported to PDF via the browser print dialog.
- Cover — Title page
- Logo Usage — Correct and incorrect logo applications
- Color Palette — Brand colors
- Typography — Fonts and type scale
- Voice & Tone — Writing guidelines
- Iconography — Icon set and usage
- Spacing — Layout and spacing rules
npm install
npm run dev| Command | Description |
|---|---|
npm run dev |
Start the dev server |
npm run build |
Type-check and build for production |
npm run preview |
Preview the production build |
- React 19
- TypeScript
- Tailwind CSS 3
- Vite 6
The site is automatically deployed to GitHub Pages via a GitHub Actions workflow on every push to main.
Live URL: https://miruns.github.io/brand-guideline/
To enable deployment, go to the repository Settings → Pages and set the Source to GitHub Actions.