StarCat Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== StarCat Systems: Branding ======
===== Colors =====
==== Primary Colors ====
{{https://swatch.now.sh/?color=%2390FFB3&.png?}} {{https://swatch.now.sh/?color=%230B0C10&.png?}} {{https://swatch.now.sh/?color=%231F2833&.png?}}
  * 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

==== Text Colors ====
{{https://swatch.now.sh/?color=%23C5C6C7&.png?}} {{https://swatch.now.sh/?color=%238A8A8A&.png?}} {{https://swatch.now.sh/?color=%235CEB93&.png?}} {{https://swatch.now.sh/?color=%238DF1B3&.png?}}
  * 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

==== Usage Tips ====
  * 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

===== Fonts =====
==== Logo Font ====
The StarCat Systems logo uses //Exo 2// by Natanael Gama for its primary font: [[https://fonts.google.com/specimen/Exo+2|Google Fonts - Exo 2]]

==== Website Font ====
The StarCat Systems [[https://starcat.systems|landing page]] uses //Roboto// by Christian Robertson, Paratype, Font Bureau for its primary font: [[https://fonts.google.com/specimen/Roboto|Google Fonts - Roboto]]