Brand Guidelines · v1.2 · September 2026

The Bidlogix
design system.

A complete reference for the Bidlogix masterbrand and product family. Built around three principles: clarity, ownership, and quiet confidence.

OwnerAdam — CEO
StatusLive · v1.2 · Catalogue
CoverageMasterbrand + 4 products
Last reviewSeptember 2026
// What changed in v1.2

v1.2 brings this document in line with the Catalogue direction that went live on bidlogix.com in September 2026. The system inverted: blue as ink on cool paper, rather than electric blue on deep ink. Newsreader joins as the display serif. The blue ramp is unchanged. AuctionOS gains a light-surface value, #00875D, so its wordmark stays legible on paper.

01 / Identity

Logo & mark.

Three circles in a 45° diagonal cluster — representing bidders, lots, and the connection between them. Used as the brand mark across all products.

Primary · On paper
bidlogix
Mark only
Reverse · On ink
bidlogix
Mono · One colour
bidlogix
// Clear space
x x
bidlogix
Clearancex = diameter of one circle
x · all sides
Min digitalWeb, app, video
bidlogix
Min printStationery, signage
20mm wide
Mark onlyFavicon, app icon
≥ 16px
Background contrastWCAG AA min
4.5 : 1
// Asset pack

Download the Bidlogix logo pack

SVG masters, PNG exports at 512/1024/2048, favicons, and the three brand illustrations. 43 files, ~1MB. The wordmark SVGs have type converted to paths so they render correctly without Plus Jakarta Sans installed.

02 / Color

Palette.

Blue as ink on cool paper. Restraint in the supporting palette keeps the brand technical, never decorative.

Primary · Brand blue — unchanged from v1.1
Blue 700
#2A3FA8
Blue 600 · Accent on paper
#3852D4
Blue 500 · Primary
#4A6CF7
Blue 400
#7B9FFF
Blue 50
#EEF1FE

Blue 400 is a dark-surface and graphic tone only. On paper it drops below 3:1 — use Blue 600 for accent text, rules and icon strokes, as this page does.

Surfaces · Paper
Paper · Page BG
#EEF0F8
Surface · Cards
#FFFFFF
Surface 2 · Wells
#F6F7FC
Border
#DCE0EF
Rule · Hairlines
#E6E9F3
Text · Ink
Ink · Headings
#1B2559
Body · Copy
#4D5271
Muted · Metadata
#656A85

Ink is a text colour, not a surface ramp. v1.1's Ink 900–500 described dark backgrounds; those no longer exist in the system. Where a dark panel is still needed — a code block, a reversed lockup — use Ink #1B2559 or #050810 for code, and nothing in between.

Semantic aliases · --bdx-*

The live site does not consume the foundations directly. It maps them through an alias layer — build against these, not the raw values, so a future re-skin is one edit.

Alias
Resolves to
Use for
--bdx-bg
--paper
Page background
--bdx-card
--surface
Cards, panels, raised containers
--bdx-text
--ink
Headings and primary text
--bdx-text-secondary
--body
Body copy
--bdx-text-muted
--muted
Captions, metadata, helper text
--bdx-blue
--blue-600
Accent text, links, icon strokes
--bdx-blue-light
--blue-500
Primary buttons, brand fills
--bdx-blue-dark
--blue-700
Pressed and hover states
--bdx-hover
--blue-50
Row and list hover fills
--bdx-success
#10B981
Positive status only
Graphic tokens · --graphic-*

The product illustrations and inline UI mockups use a narrower set, so a graphic never drifts from the page around it.

Token
Value
Use for
--graphic-ink
#1B2559
Labels and titles inside a graphic
--graphic-muted
#656A85
Secondary text inside a graphic
--graphic-blue
#3852D4
Active states, selected rows
--graphic-blue-light
#EEF1FE
Fills behind blue elements
--graphic-green
#10B981
Confirmed / ready states
--graphic-border
#DCE0EF
Panel edges within a graphic
Semantic · Fills
Success
#10B981
Warning
#F59E0B
Danger
#EF4444
Semantic · Text weight — new in v1.2
Success · Text
#087A5F
Warning · Text
#B45309
Danger · Text
#B91C1C

The fills above were tuned for dark surfaces. As text on paper, Success #10B981 lands at 2.5:1 and Danger #EF4444 at 3.8:1 — both below AA. Use the fills for dots, bars, chart series and tinted backgrounds; use these darker variants whenever the colour carries a word. The live site already does this — its API graphic pairs #079669 text on a 12% #10B981 tint.

03 / Typography

Type system.

Newsreader sets every heading. Plus Jakarta Sans carries body and UI. JetBrains Mono handles technical labels, code, and metadata.

Display
Newsreader
Variable optical size · 400 / 500 / 600
Fallback: Georgia, serif
All h1–h3. Always font-optical-sizing: auto.
Body & UI
Plus Jakarta Sans
300 / 400 / 500 / 600 / 700 / 800
Fallback: system-ui, sans-serif
Body copy, buttons, labels, tables, navigation.
Technical
JetBrains Mono
400 / 500 / 600
Fallback: ui-monospace, monospace
Eyebrows, IDs, code, version strings, metadata.
DisplayNewsreader 500 · -2%
Own your bidders.
H1Newsreader 500 · -2%
Auction software, built for operators.
H2Newsreader 500 · -2%
A platform that grows with you.
H3Newsreader 600 · -1%
Built on three core principles
Body400 · 16/1.6
Bidlogix gives auctioneers full control of their bidder data — no pooling, no hidden costs. The result: a relationship between you and your buyers that no aggregator can interrupt.
Small400 · 13/1.5
Used for captions, footnotes, helper text, and secondary metadata.
MonoJetBrains · 500
// REQUEST_ID · 4A6CF7 · v2.14.1
04 / Spacing

Scale.

A 4px base scale. Use these tokens everywhere — never magic numbers.

--s-14px
--s-28px
--s-312px
--s-416px
--s-524px
--s-632px
--s-748px
--s-864px
--s-996px
05 / Components

UI primitives.

The building blocks. Each component has clear hierarchy, generous touch targets, and a single visual job.

Buttons

Inputs

Status tags

[ active ] [ demo booked ] [ pending ] [ gone dark ]

Card

// Case study
Webtron grows 3× in 18 months
How a regional reseller used Bidlogix to escape platform fee increases and win their market.
06 / Iconography

Icons.

One icon family across every product. Lucide — open source, comprehensive, and already in our Replit stack. Stroke 1.75, rounded caps, never filled.

// Icon family of record

Lucide Icons

1,500+ icons. MIT licensed. Tree-shakeable React/Vue/Svelte packages. We never mix Lucide with other icon sets — consistency in stroke weight and visual rhythm matters more than picking a "perfect" icon.

SM14px · UI dense
MD20px · default
LG28px · feature
XL40px · marketing
07 / Data viz

Charts & data.

Auctions are data-rich. Charts in dashboards, decks, and reports follow one categorical palette and two ordered scales — never improvised on the fly.

All chart colours derive from the brand system. Categorical palette uses brand blue as the lead colour, with five supporting hues spaced for maximum distinction. Sequential and diverging scales inherit from the same foundations.

Categorical · for unrelated series
Cat 1
#4A6CF7
Cat 2
#10B981
Cat 3
#F59E0B
Cat 4
#8B5CF6
Cat 5
#EC4899
Cat 6
#06B6D4
Sequential · for ordered values (low → high)
100
200
300
400
500
600
700
Diverging · for values around a midpoint (− → 0 → +)
−3
−2
−1
0
+1
+2
+3
// Sample · weekly bidder activity
Bids placed by region
2k1.5k 1k500 0 MTW TFS S
Australia South Africa United Kingdom
08 / Illustration

Graphics & illustration.

Illustrations break the AI-generated default. We use unDraw (undraw.co) — recoloured to brand blue — for marketing pages, decks, emails, and onboarding.

Illustrations carry personality where photos feel corporate and icons feel sterile. Used sparingly, they make a page feel made by humans for humans — a small thing that compounds into trust.

Below are the three illustrations currently in the library, all from unDraw and recoloured to Bidlogix blue (#4A6CF7). The library will grow as we need more.

Pack of record
unDraw
undraw.co
Free commercial No attribution SVG Open-source
// tasks-complete
Tasks complete
// programmer
Programmer
// web-design
Web design

Adding new illustrations

/* 1. Go to undraw.co and find the illustration you need */
/* 2. Set the colour to Bidlogix blue before downloading: */

   #4A6CF7

/* — or find-and-replace any hardcoded colour in the SVG source */
/* 3. Drop into /illustrations in the brand repo and commit */
/* That's it — black outlines and white fills stay as they are */

// Do

  • One illustration per section maximum — they're punctuation, not wallpaper
  • Set Bidlogix blue (#4A6CF7) as the colour when downloading, or recolour in SVG source before using
  • Pair with generous whitespace
  • Use for empty states, onboarding, marketing pages, decks

// Don't

  • Mix illustration packs — unDraw only, never combined with other styles
  • Use raw or default colours from unDraw — always set to Bidlogix blue
  • Place inside dense UI like dashboards or data tables
  • Use generic stock illustration as a substitute
09 / Architecture

Product family.

Bidlogix is the masterbrand. Every product is set in Plus Jakarta Sans — no product has its own typeface. Only AuctionOS and LotUp carry a colour of their own; BidJS and Bidding API stay in brand blue.

Bidlogix
The masterbrand. Auction software for operators who want to own their bidder relationships.
Masterbrand
BidJS
Embedded JavaScript bidding engine for live and timed auctions on any website. The front end of the platform — always paired with the Bidlogix admin.
Embed · Live & Timed · bidjs.com
BiddingAPI
The headless API behind every Bidlogix product. Ships with official client libraries for JavaScript, iOS and Android.
API · biddingapi.com
AuctionOS
The operating system for modern auction businesses. Inventory, consignors, payments, finance.
Platform · Back-office · #00875D light / #00E5A0 dark
LotUp
AI-assisted lot cataloguing. Photograph a lot, get a catalogue entry. Sits slightly apart from the family — connected via "Powered by Bidlogix".
AI cataloguing · lotup.ai · #E84D6A
// Naming and colour rules
  • Capitalise the prefix. BidJS, not bidJS. LotUp, not lotUp. The lowercase-prefix styling was retired with v1.1.
  • Two product accents exist, and only two. AuctionOS (#00875D on light, #00E5A0 on dark) and LotUp #E84D6A. Everything else is brand blue — resist inventing a colour for a new product unless it earns a wordmark of its own.
  • Accents colour the suffix only, at wordmark sizes. Never use a product accent for body text, buttons, or chart series.
  • bidSites was removed in v1.2. It is no longer offered and no longer appears on bidlogix.com.
  • AuctionOS has a light and a dark value. #00E5A0 was drawn for the dark product UI, where it reads at 8.7:1 against ink, but on white it falls to 1.65:1 and the "OS" all but disappears. On paper and white surfaces — including bidlogix.com — use AuctionOS Deep #00875D, which reaches 4.5:1 on white. Keep #00E5A0 for dark panels and the product UI only.
10 / Voice

How we sound.

Plain-spoken, technical, and confident. We respect our customers' intelligence and never oversell.

01

Direct

Short sentences. Strong verbs. Lead with the point. If it can be said in five words, never use ten.

02

Operator-first

We talk to people who run auction businesses, not marketers. Use their language: lots, consignors, hammer, buyer's premium.

03

Quietly confident

We don't need exclamation marks or hype. Our credibility comes from precision, not promises.

04

Honest about trade-offs

We're not for everyone. If a prospect needs an aggregator model, we say so. Trust compounds.

Context
We say
We don't say
Brand name
Bidlogix
bidLogix · BIDLOGIX · Bid Logix
Data ownership
Your bidders, your data.
Empower your bidder ecosystem.
Pricing
Flat monthly fee. No buyer surcharges.
Flexible enterprise pricing options.
Reliability
Built for live auctions. Tested under load.
Best-in-class enterprise-grade infrastructure.
Differentiator
We're not an aggregator.
A revolutionary new approach to auctions.