1.8 KiB
1.8 KiB
MinerOps Color Palette
Core Colors
| Color | Hex | Intended usage |
|---|---|---|
| Miner Navy | #0F172A |
Primary brand color, headings, navigation, dark surfaces, and the main logo structure |
| Ops Orange | #F97316 |
Active emphasis, calls to action, selected states, and the M or Ops accent |
| Steel Gray | #475569 |
Secondary text, neutral icons, borders, metadata, and supporting UI elements |
| Light Gray | #E2E8F0 |
Dividers, subtle borders, disabled surfaces, and light neutral backgrounds |
| White | #FFFFFF |
Content surfaces, reversed text, and logo details on dark backgrounds |
Usage Principles
- Use Miner Navy as the primary visual anchor.
- Reserve Ops Orange for meaningful emphasis rather than large background fields.
- Use Steel Gray for supporting information that should remain readable without competing with primary content.
- Use Light Gray to organize interfaces with subtle separation.
- Use White to preserve clarity and contrast on dark or dense surfaces.
- Do not introduce gradients into core brand artwork.
- Check text and control combinations for accessible contrast before production use.
Common Combinations
| Context | Background | Foreground or accent |
|---|---|---|
| Standard light surface | White | Miner Navy with Ops Orange emphasis |
| Subtle light surface | Light Gray | Miner Navy or Steel Gray |
| Primary dark surface | Miner Navy | White with Ops Orange emphasis |
| Neutral metadata | White or Light Gray | Steel Gray |
| Active control | Ops Orange | Miner Navy or White after contrast review |
Color Proportions
For general brand compositions, use neutral surfaces and Miner Navy for most of the visual area. Ops Orange should typically occupy the smallest share and signal action, focus, or product identity.