Logos
The face of our brand. Hover any asset to download the official SVG, PNG, or JPG file.
Horizontal Lockup
Primary lockup. Use in headers, signatures, and documents. SVG for digital and print, PNG for transparent placement, JPG for systems that require a flat file.
Stacked Lockup
Use where horizontal space is limited, such as vehicle decals and uniforms.
Core Colors
The palette that defines the OnyxFM visual language. Click any swatch to copy.
Surface & Elevation
Gradients
The gradients that shape the visual language of the brand.
Typography
The typefaces that define the brand.
Display / Headlines
Space Grotesk
Weight: 700
Brand logo, hero headlines
OnyxFM
Body / UI
Inter
Weight: 400 / 500 / 600
Body text, UI elements, estimates & proposals
The all-in-one AI-powered facility management platform.
Type Scale Preview
Aa — 60px Display
Aa — 36px Heading
Aa — 24px Subheading
Aa — 18px Body Large
Aa — 16px Body
Aa — 14px Small
Aa — 12px Caption / Mono
Logo Guidance
Reference these rules when using the OnyxFM identity.
Do
Use the official lockup with ONYX in white/black and FM in Cobalt Blue
Maintain clear space equal to the height of the 'F' on all sides
Use the white version on dark backgrounds
Always use uppercase — ONYXFM, never onyxfm
Clear Space
Maintain clear space equal to the height of the "F" on all sides of the logo.
Don't
In Context
Our logo and brand in real environments.
Shawn Herring
Managing Director
shawn@onyxfm.io
Business Card — Dark
Shawn Herring
Managing Director · OnyxFM
shawn@onyxfm.io
#FutureReady Facility Management
Email Signature
OnyxFM
#FutureReady Facility Management for Multi-Site Chains
LinkedIn Header
Today's Trades, Tomorrow's Tech
Presentation Slide
Section Design System
Four section archetypes define the visual rhythm of every OnyxFM page. Each has a specific purpose and context.
Archetype 1 — Hero Dark
Deep background with gradient accents. Always the first section on product and marketing pages.
Archetype 2 — Elevated Surface
Slightly elevated background for content cards, stats, and feature grids. Creates visual separation.
Archetype 3 — Accent Surface
Blue-tinted dark surface for accent sections. Used for testimonials, how-it-works, and visual breaks.
Archetype 4 — CTA Primary
Reserved exclusively for the final call-to-action at the bottom of every page. Never use mid-page.
Usage Rules
Never stack two identical archetypes
Always alternate to create visual rhythm.
CTA Primary is always last
One per page, always the bottom section before footer.
Hero Dark is always first
Product and marketing pages always start with Hero Dark.
Accent Surface sparingly
Use maximum once or twice per page for visual breaks.
Brand Voice
How OnyxFM sounds in every interaction.
Mission Statement
Coordinating the trades you need today while preparing your facilities for tomorrow's technology.
AI, IoT, and Robotics powering a Southern California vendor network.
Brand Tagline
Today's Trades,
Tomorrow's Tech
Used as primary headline for service-related sections.
Confident
We know facility management inside and out. We speak with authority earned from real-world experience.
Direct
No fluff. We respect our users' time with clear, actionable language.
Grounded
Tech-forward but rooted in reliability and accountability.
Future-Ready
#FutureReady is a mindset, not just a hashtag. We lead with where the industry is going.
#FutureReady
Our signature hashtag and brand movement. Always formatted as one word with a capital F and R.