StarCat Systems: Branding

• Primary mint green (“Mint Star-Glow”)
  • Hex: #90FFB3
  • RGB: 144, 255, 179
  • Usage: Primary button backgrounds, key icons, call-outs
• Primary Background
  • Hex: #0B0C10
  • RGB: 11, 12, 16
  • Usage: Page backgrounds, hero sections, full-width panels
• Secondary Background
  • Hex: #1F2833
  • RGB: 31, 40, 51
  • Usage: Content cards, sidebars, footers, modal backgrounds

• Main Text / Accent Text
  • Hex: #C5C6C7
  • RGB: 197, 198, 199
  • Usage: Body copy, headings, subheadings
• Secondary Text / Hints
  • Hex: #8A8A8A
  • RGB: 138, 138, 138
  • Usage: Labels, hints, form field descriptions
• Links
  • Hex: #5CEB93
  • RGB: 92, 235, 147
  • Usage: Text links, inline CTAs
• Link Hover State
  • Hex: #8DF1B3
  • RGB: 141, 241, 179
  • Usage: Link hover/focus color for emphasis

• Pair #C5C6C7 (main text) with dark backgrounds for strong readability.
• Reserve #8A8A8A for less prominent text.
• Use #90FFB3, #5CEB93, and #8DF1B3 sparingly to draw attention to CTAs and interactive elements.
• Verify all color combinations meet or exceed WCAG contrast guidelines:
  • 4.5:1 for normal text
  • 3:1 for secondary text/elements

The StarCat Systems logo uses Exo 2 by Natanael Gama for its primary font: Google Fonts - Exo 2

The StarCat Systems landing page uses Roboto by Christian Robertson, Paratype, Font Bureau for its primary font: Google Fonts - Roboto