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.