Copied!
Internal Use · 2026

KEYSYS Brand Resources

Colors, logos, typography, icons, and voice guidelines — all in one place. Click any color or value to copy it instantly.

Brand Colors

Color Palette

Click any swatch or value to copy it to your clipboard.

Primary Colors
Copy HEX
Brand Dark (Navy)
#283847
rgb(40, 56, 71)
--c-brand-dark
Copy HEX
Brand Blue
#0197D6
rgb(1, 151, 214)
--c-brand-blue
Copy HEX
Brand Green
#7AC142
rgb(122, 193, 66)
--c-brand-green
Copy CSS
Brand Gradient
Blue → Green 135°
Tailwind utility
Supporting Tones
Copy
White
#ffffff
Copy
Background Muted
#fafafa
Copy
Text Muted
rgba(40,56,71,0.68)
Copy
Text Light
rgba(40,56,71,0.45)
Logo Assets

Logo Variations

Right-click any logo to save, or use the download button. Use the version that contrasts best with your background.

KEYSYS – Light BG
Primary — Light BG
White or light backgrounds
PNG
KEYSYS – Dark BG
Reversed — Dark BG
Navy or dark backgrounds
PNG
KEYSYS – Muted BG
On Muted BG
#f0f4f7 or similar
PNG
KEYSYS – Gradient
On Gradient BG
Inverted on gradient fills
PNG
✓ Do
  • Use on solid, high-contrast backgrounds
  • Maintain clear space equal to logo height on all sides
  • Scale proportionally at any size
  • Use the white reversed version on dark backgrounds
✗ Don't
  • Stretch, skew, or distort the logo
  • Recolor in unapproved colors
  • Place on busy or low-contrast backgrounds
  • Add shadows or effects to the logo mark
Typography

Type System

We use Inter exclusively across all properties.

Typeface
Inter
Weights: 300 · 400 · 500 · 600 · 700 · 800
Scale
Display
Size: clamp(2.4–4.2rem)
Weight: 800
Tracking: -0.03em
Leading: 1.12
Section Heading
Size: clamp(1.6–2.4rem)
Weight: 800
Tracking: -0.03em
Leading: 1.15
Card Title / Subheading
Size: 1.1–1.2rem
Weight: 700
Leading: 1.3
Body text. Breathing room through line-height. Used for all descriptions, FAQs, and explanations.
Size: clamp(14–16px)
Weight: 400
Leading: 1.7
Color: rgba(40,56,71,0.68)
Eyebrow Label
Size: 10px
Weight: 700
Tracking: 0.18em
Transform: uppercase
Monospace / code
Family: monospace (system)
Size: 13px
BG: rgba(1,151,214,.06)
Iconography

Icon Library

We use Font Awesome 6 Solid exclusively. Click any icon to copy its class name.

CDN
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css
Service Icons
fa-lightbulb
fa-code
fa-brain
fa-database
fa-plug
fa-cloud
fa-server
fa-shield-halved
UI & Communication Icons
fa-calendar-check
fa-location-dot
fa-diagram-project
fa-check
fa-arrow-right
fa-chart-line
fa-envelope
fa-gear
fa-lock
fa-users
fa-handshake
fa-rocket
UI Components

Buttons & Badges

Standard components used across all KEYSYS properties.

Buttons
Badges & Labels
Eyebrow Pill
Eyebrow Label
Value Tag
Voice & Tone

How We Sound

KEYSYS sounds like a seasoned engineer who respects your time — direct, clear, grounded in reality.

✓ Say This
  • Production-ready. Reliable. Maintainable.
  • Systems that work in production.
  • No pilots that die in staging.
  • Owned by your organization.
  • Built for operational reality.
✗ Not This
  • Revolutionary / game-changing / disruptive
  • Leverage synergies at scale
  • Best-in-class AI solutions
  • Transform your digital journey
  • Cutting-edge technology stack
Key Phrases — click to copy
  • ↗ "Practical AI & Software Engineering"
  • ↗ "Own What Makes You Money"
  • ↗ "Built for Production"
  • ↗ "Engineering-Led. Accountable for the Long Haul."
Core Brand Attributes
Reliable
We ship what we promise. Systems stay up. We pick up the phone.
Ownership
You own the system. No vendor lock-in. No surprise fees.
Clarity
Clear scope, honest timelines, plain-language communication.
Senior-Led
No juniors running your project. Architects build and deliver.
Quick Reference

All values at a glance

Click any row to copy the value.

Colors
Navy#283847
Blue#0197D6
Green#7AC142
White#ffffff
BG Muted#fafafa
Typography
Font familyInter
Heading weight800
Body weight400
Heading tracking-0.03em
Body line-height1.7
Spacing & Radius
Buttons / pills100px
Cards20px
Icon containers14px
Section paddingclamp(24–96px)
Max content width1200px
Company Info
Company nameKEYSYS
Founded2007
LocationBirmingham, AL
Emailinfo@keysys.io
Websitekeysys.io