Brand Guidelines
flyhi.ai · Version 1.0

The Brand

The brand

Meet Liv

Liv manages your billing, financial tracking, inbox, and daily tasks so nothing falls through the cracks. She keeps your business organized, delivers clear updates, and reclaims your time so you can focus on client work and growing your business.

Mission

Give independent business owners the operational capacity of a dedicated back-office team, automating bookkeeping prep, client scheduling and payment follow-ups quietly in the background.

Vision

A world where small business owners spend their time delivering great work and growing revenue, rather than managing the administrative stack piling up behind it.

The brand

Liv's key features

Six promises the product keeps, and they shape everything from the copy to the controls.

The Logo

Identity

One colour

Stamps, paperwork, a single-colour print. The orb goes solid so the shape survives without the colour doing the work. The light version is for dark grounds.

Identity

The orb

The dawn orb is the brand at small sizes and inside the product: the favicon, the app tile, the dot beside Liv's name in the conversation. Below about 72px of width the wordmark gives way to the orb alone. Planned: the orb animates for thinking and loading states. When that is built, motion must be transform-only (scale, drift), gentle, and honour prefers-reduced-motion, the way the sign-in orb already does.

96
48
24
16
Identity

Clearspace and minimum sizes

The dashed frame is the rule: keep one orb diameter of empty space on every side of the lockup. Nothing crosses it, and nothing docks against the check, which is the side people crowd because it looks like empty air.

Identity

What not to do

Common ways a logo loses its shape. Keeping to these keeps Liv recognisable everywhere it appears.

Do not stretchScale both axes together, always.
Do not recolourThe three stops are the brand. Change them in the tokens or not at all.
Do not place on the gradientThe mark cannot compete with its own palette. Use plain ground.
Do not rotateIt sits on the baseline. Always.
Do not add effectsNo shadows, bevels, outlines, glows or strokes.
Do not use the ink version on darkUse the light mono lockup, which exists for exactly this.
Identity

Patterns

Four shapes, all pulled out of the marks themselves: the orb gives circles and arcs, the check gives a rising stroke. Use them as quiet furniture on covers, dividers, decks and social posts. They sit behind content, never on top of it, and never over figures.

Dot field · the orb, repeated

Check repeat · the v, tiled

Orbit · the glow, drawn

Tint stack · the three stops

Colour & Type

Colour and type

Colour

Three gradient stops and an ink. These are the exact values used in the product, so this page and the app are always in step. The CMYK values are a starting point for print rather than a profile-managed conversion, so ask your printer to proof them: accurate CMYK depends on the stock and the press.

PeachGradient stop one#FFAE85
RGB 255, 174, 133
CMYK 0, 32, 48, 0
VioletGradient stop two, the mid#CFA6F2
RGB 207, 166, 242
CMYK 14, 31, 0, 5
SkyGradient stop three#8FC5F4
RGB 143, 197, 244
CMYK 41, 19, 0, 4
InkLetterforms and body text#221C36
RGB 34, 28, 54
CMYK 37, 48, 0, 79
AccentThe one filled control#5340C7
RGB 83, 64, 199
CMYK 58, 68, 0, 22
MutedSecondary text#6F6890
RGB 111, 104, 144
CMYK 23, 28, 0, 44
GroundThe page#FBFAFE
RGB 251, 250, 254
CMYK 1, 2, 0, 0
NightDark mode, and the app tile#141021
RGB 20, 16, 33
CMYK 39, 52, 0, 87

The gradient is 135°, peach to violet at 55%, then sky. It is the assistant's voice made visible: it appears on the orb, on Liv's own speech, and on the one control that sends something out of the business. It is always a fill, never an outline, glow, halo or edge.

135° · #FFAE85 → #CFA6F2 55% → #8FC5F4
Colour and type

Typography

Liv sets everything in the system typeface, and it is a deliberate choice: it renders natively on every device, loads instantly, and sits quietly beside the drawn logo. The logo is drawn artwork, so the identity never depends on a font being installed.

UI · -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif
Good afternoon
Two emails are waiting on an answer, and nothing is on your calendar today.
Figures · ui-monospace, SFMono-Regular, Menlo, Consolas, monospace · tabular-nums
$12,480.00   $1,240.00   $940.50
RoleSizeWeightNotes
Page title26px700Tight tracking, -0.02em
Greeting / section19px650The briefing's opening line
Body15px400Line height 1.6, never below
Secondary13px400Reasons, meta, timestamps, in muted
Label11px600Uppercase, 0.08em tracking
Moneyinherit600Mono, tabular, so columns line up

Voice & Expression

Expression

Voice and tone

Every line below is real copy from the product. Liv speaks in the first person about what she did, in the second person about your business, and she stays calm and specific rather than excitable.

Say thisNot this
Nothing on your calendar today.You're all clear today! 🎉
I could not read your calendar just now.No events found.
Two emails are waiting on an answer.You have 2 urgent emails!
This is not an empty list; it is one I could not see.No items.
Two invoices are past due for payment.URGENT: 2 bills unpaid! 🚨
Needs one answerACTION REQUIRED
Integration offline. Reconnect to sync.Connection lost!
Stopped, and deleted. Nothing from that call was kept.Recording cancelled successfully.
When this list is empty, you are done for the day.You have 0 pending tasks.

Tone shifts with the stakes; the voice stays the same. A morning briefing is warm and brief. Anything about to leave your business is plain and specific about what will happen. When Liv cannot do something, she says why and offers the next step.

Expression

Imagery

Liv uses no stock photography. This is someone's business and their money, so everything on screen is either real or it is not there at all.

24px grid · 2.2 stroke · currentColor
Applications

On an iPhone

The tile is mostly dark with one bright object, so on a home screen full of loud saturated squares it reads first and looks like an instrument rather than a toy. The neighbouring icons here are sketches, not Apple's artwork; Liv's is the real rendered tile.

9:41●●● ☰
📹
FaceTime
WED13
Calendar
🌸
Photos
📷
Camera
🗺
Maps
🕓
Clock
📝
Notes
Liv
Liv
☀️
Weather
📈
Stocks
💳
Wallet
⚙️
Settings
📞
🧭
✉️
🎵
Applications

In a browser tab

At 16 pixels an ink ring around a dot turns to mud, so the favicon drops the tile and is the orb edge to edge.

Liv
16
32
Applications

Applications

The brand doing its job on the surfaces it actually appears on. Each of these is built from the same values as the product, so they cannot drift from it.

Invoice 0042
Strategy workshop$4,800.00
Brand system$6,240.00
Production$1,440.00
Total$12,480.00
Invoice header. Figures tabular and in ink, the mark quiet above them.
Ivo Andov FlyHi · ivo@flyhi.ai
Email signature. The gradient appears as a rule, never behind the text.
Profile and social avatars. The orb round, the tile square, never the wordmark, which cannot be read at this size.
Good afternoon Sign in to pick up where you left off. Continue
The product's own sign-in: three soft lights behind a card, the orb as the only mark.
Practice

Using the brand well

  • Always use the supplied artwork.The logo is drawn geometry. Setting "Liv" in a typeface is never a substitute for it.
  • Gradient as fill.Colour lives inside a shape. Keep it off outlines, halos, glows and borders.
  • Give the mark room.One orb of clearspace on every side, and plain ground behind it.
  • Let the figures stay quiet.Amounts and dates in ink, so the numbers are the easiest thing on the page to read.
  • Check any wordmark letter by letter.Before anything ships, read the name through once. It takes a second and it catches everything.
  • Use mono where colour cannot go.Stamps, engraving and one-colour print get the mono lockups rather than a greyscale of the gradient.
Practice

Assets

Everything is vector, so it stays sharp at any size. Ask for these files rather than lifting artwork from a screen.

FileUse it for
liv-lockup.svgThe primary logo, anywhere there is room for the word.
liv-lockup-mono.svgOne colour on a light ground.
liv-lockup-mono-light.svgOne colour on a dark ground.
liv-mark.svgThe orb alone, for small sizes and avatars.
liv-icon.svgThe app tile.
favicon.svgBrowser tabs.