BILBEE BRAND KIT
8 November 2026
bilbee.com.au

For collaborators and the public

Use the supplied assets to represent Bilbee accurately. Bilbee is invoicing,
expenses and tax for Australian sole traders. The social and profile applications
in this kit demonstrate the identity. They are examples, not live advertisements
or evidence of a published campaign.

WHAT IS INCLUDED

bilbee-lockup.svg / .png             Primary horizontal logo
bilbee-lockup-reverse.svg / .png     Supplied reverse horizontal logo
bilbee-wordmark.svg / .png           Supplied wordmark
bilbee-mascot.svg / .png             Supplied mascot with its disc
bilbee-social-square.svg / .png      1080 x 1080 social example
bilbee-social-landscape.svg / .png   1600 x 900 social example
bilbee-profile.svg / .png            1024 x 1024 profile example
bilbee-palette.css                   Current marketing colour tokens
bilbee-palette.json                  Core palette and all resolved colour tokens
README.txt                          This guide

SVG logos are the supplied originals, preserved byte for byte. PNG logos have
transparent backgrounds. Lockups and wordmark are exported at 2400 px wide;
the mascot is exported at 1024 x 1024 px. Aspect ratios are preserved.

LOGO USE

Prefer the primary lockup on a quiet light background. Use the supplied reverse
lockup on a dark background. Give the artwork clear space of at least half the
mascot disc height on every side. The profile example includes that clear space.
For the wordmark alone, use the disc from an equivalent-height lockup as the
reference. A lockup must be at least 24 px high on screen; choose a larger size
when the display or reproduction method needs it.

Keep the supplied asset colours unchanged. Do not stretch, compress, rotate,
redraw, recolour or add effects to the logo or core mascot mark. Do not separate
the core mascot from its supplied disc, create new logo poses, or replace the wordmark with
typed text. Avoid busy backgrounds and preserve legibility at the intended size.

The felt characters are a separate illustration family. All 30 approved poses,
risograph scenes, app illustrations and the latest 404 are available in their own
download packs at bilbee.com.au/brand/. Keep these distinct from the core mark.

The supplied mascot disc and other original artwork fills are preserved.
Pale lime now matches the original disc and is used for marketing backgrounds
and accents. Lime buttons retain the original stronger lime. Product screenshots
retain their original colours.

CORE COLOURS

Forest      #00563F    --forest-500    Primary brand fields and actions
Ink         #24351E    --ink-900       Text and dark detail
Pale lime   #E1F99F    --lime-100      Accent fields
Pale sage   #EDEFEA    --ink-050       Quiet background fields
Cream       #FAFAF9    --gray-050      Light fields and text on forest

These values combine the design-system colours and approved marketing palette.
Buttons use #CBEF67 (--action-accent-bg), with #B7D75D on hover
(--action-accent-bg-hover). The darker pale-lime companion is #CBE08F.
The CSS includes
the complete palette, semantic aliases and product status colours; the JSON
also resolves those aliases. Use the core palette for brand compositions and
preserve product colour meanings when showing the interface. Use flat colour
fields for these applications. Use abstract artwork only as a background behind
an overlaid product screen, mockup or workflow illustration. Never use it as a
standalone decorative image or beside a headline with no product over it.
The landscape example pairs the existing artwork with a real dashboard crop.
Keep the screen readable and preserve its labels, figures and estimate wording.

TYPOGRAPHY

The marketing website uses P22 Mackinac Pro and FF Real Headline Pro.
P22 Book sets page and section headings. P22 Medium 500 sets feature headings
and illustration titles; illustration titles are 24 px with -0.04em spacing.
FF Real 300 sets body copy, figures and supporting titles. Supporting titles
are 24 px, or 20 px in compact cards, with -0.02em letter spacing. FF Real 400
sets navigation, controls and emphasis. Browser-generated weight is disabled.

Page headings are 40-80 px, with 0.95 line height and -0.035em spacing.
Section headings are 30-56 px, with 1.0 line height and -0.04em spacing.
The app uses Geist. Do not recreate the supplied Bilbee wordmark with a font.
The social examples use P22 Book headlines with 0.95 line height and -0.035em
letter spacing, scaled to each canvas. Website addresses use FF Real 300.

Font files are not included in this kit. Obtain the appropriate licence before
using the typefaces in new work. Application SVG text is outlined, so these
examples render without installing or redistributing the fonts. Keep the
original SVG logos as supplied.

VOICE AND APPLICATIONS

Write in Australian English and sentence case. Be clear, practical and direct.
Use approved product copy and avoid promises that exceed what Bilbee does.
Use en dashes for ranges and no em dashes in visible copy.

The application headlines are approved website copy:
"Invoicing that speaks Australian tax"
"For the person doing the work and the books"

The public website is bilbee.com.au. Sign up and sign in take place at
bilbee.app. The example layouts use generous margins, large Book display type,
intact supplied artwork and a small palette. Keep typography clear of imagery.

REGENERATION

In the marketing repository, run:
python3 scripts/generate-brand-kit.py --display-font /path/to/P22-Book.woff2 --body-font /path/to/FF-Real-300.woff2

The generator reads the original SVGs, colour tokens and marketing overrides, locally supplied
P22 Mackinac Pro Book and FF Real Headline Pro fonts, and existing hero artwork.
It verifies the fonts' PostScript names, checks original artwork hashes, outlines
application text, exports PNGs through the existing sharp installation, and
rebuilds the archive. Adobe maps FF Real's RealHeadPro-Regular cut to CSS 300.
The generator never copies font files into this kit.
