Level 9 Virtual
Brand Guidelines & Visual Identity
Updated November 6, 2026. The current website uses Geist, Navy, Blue and Gold, with Slate Blue accents and Cool Gray surfaces.
Logo Assets
Download official logo files and favicons for use in your materials. Right-click or use the download button to save.
Brand Colors
Slate Blue is the added supporting accent. Cool Gray replaces warm cream backgrounds. Keep the existing core colors and use accents with purpose.
Navy
HEX: #18416B
RGB: 24, 65, 107
Blue
HEX: #1373B5
RGB: 19, 115, 181
Logo & UI Gold
HEX: #FDC213
RGB: 253, 194, 19
Accent & Email Gold
HEX: #FAC133
RGB: 250, 193, 51
Slate Blue
HEX: #587288
RGB: 88, 114, 136
Cool Gray
HEX: #F3F6FA
RGB: 243, 246, 250
Body Text
HEX: #3E4F66
RGB: 62, 79, 102
Dark
HEX: #212121
RGB: 33, 33, 33
White
HEX: #FFFFFF
RGB: 255, 255, 255
Border
HEX: #D5DBE3
RGB: 213, 219, 227
Color Usage
- Navy: Primary brand color for headers, backgrounds, and key elements
- Blue: Secondary color for links, buttons, and accents
- Gold: Primary call-to-action highlights and emphasis. Logo and shared UI gold is #FDC213. Existing email and selected website accents use #FAC133. Do not recolor supplied logos.
- Slate Blue: Supporting accent for small section labels, secondary text, icons and subtle details on light surfaces. It does not replace Gold on primary calls to action.
- Cool Gray: Alternate section backgrounds and soft panels. White remains the main page surface.
- Body Text: #3E4F66 is the current website text color. Dark #212121 remains part of the brand palette.
- Border: #D5DBE3 for light dividers and field edges. Blue marks links and keyboard focus.
Logo Usage
Logo Versions
We provide multiple logo versions to accommodate different contexts:
- Full Logo (Horizontal): Use when space permits for maximum brand recognition
- Icon Only: Use in small spaces, favicons, or social media avatars
- Light Version: Use on dark backgrounds
- Dark Version: Use on light backgrounds
Clear Space
Maintain a minimum clear space around the logo equal to the height of the "9" in the logo. This ensures visibility and impact.
✓ Do
- Use provided logo files
- Maintain aspect ratio
- Use appropriate version for background
- Ensure sufficient contrast
✗ Don't
- Stretch or distort the logo
- Change logo colors
- Add effects like shadows or gradients
- Place on busy backgrounds
Typography
Geist
Our primary typeface for all communications. Clean, modern, and highly readable.
Regular (400): body text and longer copy
Medium (500): labels and supporting emphasis
Semibold (600): headings, buttons and strong emphasis
Website Type Scale
Desktop defaults: 48px main headings, 40px section headings, 24px smaller headings, 18px body text, 17px buttons and section labels, 15px captions, and 16px footer links. Use 60px for large figures only when needed. On phones, let headings wrap and reduce their size only where needed to fit. Keep letter spacing at zero.
Accent Font
Caveat is reserved for occasional signature or handwritten moments. Use Geist for body copy, navigation, forms and buttons. Plus Jakarta Sans is no longer the primary font.
Fallback Fonts
When Geist is unavailable, use: -apple-system, BlinkMacSystemFont, system-ui, sans-serif.
Website Style & Photography
- Clean, open layouts with clear space between sections. Use White and Cool Gray for light sections, and Navy for bold contrast.
- Keep headlines short, clear and inviting. Make each section distinct without adding clutter or endless rows of identical boxes.
- Use rounded cards and photos, light borders, and restrained shadows. Keep badges and chips squared, not pill-shaped.
- No diagonal or wave dividers, decorative floating shapes, or glowing orbs. Avoid warm cream, copper and teal as brand accents.
- Use clear, relevant photos. Team Members work from home, so their work photos should show believable home workspaces, not a shared office. Never label photos “Our team”.
- Use Navy text on Gold buttons and light text on Navy. Keep text readable and show a clear keyboard-focus state.
Voice & Tone
- Professional: Knowledgeable and trustworthy
- Empowering: Helping businesses scale and succeed
- Direct: Clear, actionable communication
- Human: Warm and approachable, never robotic
- Plain language: Use short, everyday words, no em dashes, and no made-up results or promises.
- Names: Use Level 9 OS™ or dashboard, Business Brain, VA, POD, and Team Member. Use “Proven Tasks” for templates.
- Positioning: The homepage represents the whole company. Projects On Demand is the start-here offer, with other services as add-ons.
- Call framing: Keep “Get a Task Done Live”. It is a sales and launch call. A selected task is completed behind the scenes and reviewed by a specialist, not performed in front of the prospect.
Contact
For questions about brand usage or to request additional assets:
Email: [email protected]
Website: level9virtual.com