Files
minerops/branding/colors.md
T

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.