Plainsight Brand Kit

Self-contained, multi-page brand kit. No build step, no internet required (except for Google Fonts to load Titillium Web and Epilogue — falls back to Arial gracefully).

How to use it

1. Unzip the folder anywhere.
2. Open index.html in any modern browser.
3. Navigate using the left sidebar.

That's it. No server needed — every page works as a local file.

What's inside

plainsight-brand-kit/
├── index.html              # Overview / landing page
├── guidelines.html         # 01 The six rules + checklist
├── templates.html          # 02 Templates + downloads
├── logos.html              # 03 Logo variants + rules
├── colors.html             # 04 Color swatches (click hex to copy)
├── fonts.html              # 05 Typography specimens
├── voice.html              # 06 How we sound (do/don't)
├── photos.html             # 07 Photography rules
├── graphics.html           # 08 Triangles & rockets
├── icons.html              # 09 Iconography (Tabler outline)
├── charts.html             # 10 Chart palette + Power BI theme
│
├── css/
│   └── style.css           # Shared stylesheet
│
└── assets/
    ├── logos/
    │   ├── plainsight-logo-blue.svg
    │   ├── plainsight-logo-blue.png
    │   ├── plainsight-logo-white.svg
    │   └── plainsight-logo-white.png
    ├── graphics/
    │   ├── triangle-blue.png
    │   ├── triangle-orange.png
    │   ├── triangle-white.png
    │   ├── rocket-vertical.png
    │   └── rocket-diagonal.png
    └── templates/
        ├── plainsight-tokens.css
        ├── tailwind.config.js
        └── plainsight-powerbi-theme.json

Updating

This kit is a static site — to change anything, edit the HTML directly. The shared layout (sidebar, header, footer) is duplicated in each page; if you change the navigation, update all 11 files. The shared CSS is in css/style.css.

Version

v1.0 — maintained by the Plainsight team. Canonical reference: plainsight.pro.