Brand Guidelines

Strategic Visionz

We build software that actually works. This document outlines our brand identity, voice, and visual language.

Logo

Our Mark

Primary — Dark Background

Strategic Visionz Logo - Light

Strategic Visionz-02.png

Primary — Light Background

Strategic Visionz Logo - Dark

Strategic Visionz-01.png

Logo Elements

Wordmark

"STRATEGIC | VISIONZ" — All caps, light weight, generous letter-spacing. The vertical bar separates the two words.

The Eye

The "O" in VISIONZ is replaced with a stylized eye — representing vision, insight, and strategic perspective.

Eye Colors

Navy blue crescent, emerald iris, blue overlay, bright green pupil — a nod to our gradient palette.

Color Palette

Our Colors

Primary

Background

#050a12

Surface

#0a0f18

White

#FFFFFF

Text Primary

#FFFFFF / 100%

Brand Gradient

Blue #60A5FASky #38BDF8Emerald #34D399

Accent Colors

Blue

#3B82F6

Primary actions, links, interactive elements, progress indicators

Sky

#0EA5E9

Gradient midpoint, secondary emphasis, information states

Emerald

#10B981

Success states, positive metrics, completion indicators, gradient endpoint

Text Hierarchy (on dark)

Primary

100% opacity

Secondary

70% opacity

Tertiary

40% opacity

Disabled

20% opacity

Typography

Type System

Font Family

System UI / -apple-system / sans-serif

We use the native system font stack for optimal performance and native feel across all platforms.

Type Scale

Display48px / font-light
Heading 136px / font-light
Heading 230px / font-light
Body Large20px / font-normal
Body16px / font-normal
Body Small14px / font-normal
Label12px / uppercase / tracking-wide

Components & Layout

Layout Rules

Cards

Default Card

Dark surface (#0a0f18) with 1px border (white at 10% opacity)

Used on dark backgrounds

Alternate Card

White cards, no border — only used on light background sections

Used on light backgrounds

Gradient Usage

The gradient is functional, not decorative. Use sparingly.

Allowed Uses

"Visionz" in titles (brand emphasis)
CTA arrow indicator
Maximum one stat callout per page

Not Allowed

Decorative backgrounds
Multiple gradient elements per section
Body text or non-emphasis uses

Section Backgrounds

Dark #050a12

Default

Dark (#050a12) is the default background for all sections

Light #FFFFFF

Reserved

Light sections reserved for story/detail content that needs breathing room

Rule: Never use two light sections consecutively

Spacing Scale

All spacing pulls from this 7-step scale

8px
16px
24px
32px
48px
64px
96px

Borders

Card with border

Cards on dark backgrounds: 1px subtle border (white/10)

Card without border

Cards on light backgrounds: no border, use shadow if needed

Voice & Messaging

How We Speak

Practical

No fluff, no jargon. We say what we mean and mean what we say.

Direct

Clear, confident communication. We don't hedge or over-explain.

Experienced

Grounded in real operational knowledge from building real systems.

Results-Focused

What works matters more than what sounds impressive.

Primary Taglines

We build software that actually works.

Primary hero tagline — emphasizes our practical, results-focused approach

Strategy, design, and engineering — one team, every detail.

Subtitle — highlights our end-to-end capabilities and team cohesion

Section Headlines

Who We Are

Built by operators.

How We Work

The engine behind what works.

What We Build

Tools that run real operations.

CTA

Got something to build?

Operations Focus

We build the systems that run your operations.

Alternative CTA

Got operations to streamline?

Value Propositions

What We Stand For

Operational Expertise

Started in 2020 building operational software for a growing franchise. We know what business software needs to do because we've lived it.

Handle messy dataWork offlineScale under pressure

One Team, End-to-End

One team takes your idea from napkin sketch to production system. No handoffs. No lost context. No surprises.

StrategyDesignBuildIntegrate

Direct Access

Small distributed team. The people you talk to are the people who build.

No middlemenNo account managersDirect communication

Real-World Proven

150+ franchise locations. Thousands of daily jobs. Field workers at 5 AM. Management dashboards in real-time.

Production-testedScale-provenBattle-hardened

Our Story

Built by Operators

2020

Founded

150+

Franchise locations

1000s

Daily jobs processed

Started in 2020 building operational software for a growing franchise. That taught us what business software actually needs to do.

We learned that real operational software needs to handle messy data, work offline when crews are in the field, and scale under pressure when everything's happening at once.

Today, we're a small distributed team building custom operational software for businesses that need systems that actually work — not just demos that look nice.

Small distributed team.

The people you talk to are the people who build.

Services

What We Build

Strategy

Figure out what to build before building it.

Design

Interfaces that make sense. Web or mobile.

Build

Internal tools, dashboards, apps. Whatever you need.

Integrate

Connect your existing systems. No more silos.

Dashboards

Real-time visibility

Custom dashboards that show what matters. Built for decisions, not just data.

Mobile

In the field

Apps for teams on the move. Route navigation, job completion, photo capture, offline support.

Integrations

Connected systems

Your tools, talking to each other. We connect your existing systems so data flows where it needs to go.

Technology

Our Stack

Backend

XanoHono

Database

TadabasePostgreSQL

Frontend

WeWebReactNext.js

Mobile

React NativeExpo

Design

Figma

Integrations

TwilioSendGridStripe

AI Development

ClaudeClaude Code

Infrastructure

VercelPWA

Footer & Classification

Brand Classification

Primary Classification

Product Studio

Used in main footer and general contexts

Alternative Classification

Operations Software Studio

Used when emphasizing operational focus

Standard Footer

Strategic Visionz

Product studio

StudioProcessServices

© 2025 Strategic Visionz. All rights reserved.

Call-to-Action

CTA Patterns

Primary CTA Button

White background with gradient arrow indicator. Used on dark backgrounds.

CTA Copy Options

Let's talk

Primary, conversational

Get in touch

Navbar, formal

Tell us what you're working on.

Supporting text