The VuloPilot identity, in full.
The logo, colors, type, interface and voice that make VuloPilot look and sound like itself. Use this page when you write about us, build with us or design for us.
- Name
- VuloPilot
- Tagline
- The WordPress Growth Operating System
- Made by
- Vulo Labs
- In one line
- Find what holds your site back, fix it with your approval, and prove it worked.
The mark and the wordmark.
The V of VuloPilot is drawn as a check mark, and its long arm keeps climbing into an arrow: fixed, then growing. The Flare dot is where the scan starts. The rounded tile makes the mark a ready-made app icon. Use the files as supplied; never redraw them.
Primary lockup on Surface
Reversed mark on Ink
Clear space and minimum size
Keep clear space equal to half the mark’s height on every side. Nothing else enters that area: no text, edges or other logos.
Never show the full logo with a mark smaller than 20px. Below that, use the mark on its own, down to 16px. In the site header the mark is 32px.
What not to do
Stretch or squash it
Recolor the mark
Rotate or tilt it
Place it on busy backgrounds
Put the blue tile on Pilot Blue, where it disappears
Add shadows or outlines
Downloads
Deep ink, one confident blue.
Most of every screen is Ink on white. Pilot Blue carries the brand, and red appears only when something needs attention. Click any value to copy it. Contrast is measured against Surface (#ffffff) and Ink.
Roughly how much of a page each color covers. Red is a signal, not a theme.
Core
Headlines, body text, primary buttons and dark panels.
The brand color. Links, active states, icons and the second half of a headline.
Small highlights on dark panels. Never for body text on light backgrounds.
Problems, errors and severity. Only when something needs attention.
Supporting and neutrals
About the token names. The CSS variables keep their original names (--sage is Pilot Blue, --apricot is Pro Red). Use the brand names when you write about the colors, and the variables in code.
One family, used with restraint.
Plus Jakarta Sans does every job, from headlines to labels. Hierarchy comes from size, weight and color, not from a second typeface.
abcdefghijklmnopqrstuvwxyz
0123456789 & % $ → ·
Type scale
- Headlines are sentence case, never Title Case or ALL CAPS.
- Color the second half of a headline in Pilot Blue for emphasis.
- Uppercase is only for eyebrows and tiny labels.
- Keep lines between 45 and 75 characters for reading text.
Quiet surfaces, sharp details.
The interface should feel like a precise instrument: calm white space, thin lines and one clear action at a time. These are the live components, not pictures of them.
One primary button per view. Ink at rest, Pilot Blue on hover, with the arrow nudging forward.
Every section opens with an eyebrow. Red marks a problem, blue marks progress.
One icon per idea, same size and stroke throughout.
Used once or twice a page for the key message. Flare is the accent here, never Pilot Blue text.
Tokens
- Corner radius
- 4px
- Minimal corners everywhere: cards, buttons, inputs. Only dots and avatars are round.
- Container
- 1152px
- Content width (max-w-6xl) with a 20px side gutter on phones.
- Border
- 1px Line
- Structure comes from hairlines, not heavy fills.
- Card shadow
- 0 20px 50px −28px
- A soft blue-tinted shadow, rgba(0,41,145,.18). Never a dark drop shadow.
- Motion
- 0.8s · ease-out
- cubic-bezier(.22,1,.36,1). Content rises 24px and fades in once. Reduced-motion settings are respected.
- Icons
- Lucide · 18–20px
- Generic and descriptive, usually in a 44px Blue Soft tile. Never other companies' logos.
A calm expert sitting next to you.
VuloPilot sounds like a senior colleague who has looked at your site, knows exactly what to do first and has no interest in scaring you.
Plain English
Explain the problem and why it matters in everyday words. Name the technical term once, then translate it.
Honest about limits
Say what VuloPilot can and cannot do. Improve the signals you control; promise nothing you cannot prove.
Calm, not alarming
Problems are a to-do list, not an emergency. Lead with what to do first.
You stay in control
The owner approves every change. Write as a co-pilot, never as the one flying the plane.
Writing the name
One word, capital V and capital P. Made by Vulo Labs.
Words we use
Using the VuloPilot brand somewhere new?
Writing a review, listing us in a directory or building an integration? Grab the kit, and tell us if you need a format that is not here.