Brand reference · version 1 · November 2026

AIBAST brand and style guide

The reference for every AIBAST Agents Library page, course and video. It keeps the look the site already has, Microsoft's Segoe type and the AIBAST raspberry accent, and adds quiet pictures that sit behind the words and help a reader know where they are.

1. Colour

These are the colours already on the site. Pictures use the neutrals almost entirely, with the raspberry as a small accent and never as a background.

Raspberry

#b11f4b · the accent. In pictures, under a tenth of the area.

Ink

#18181b · text, fine lines.

Paper

#f4f4f5 · page ground.

Link blue

#0f6cbd · links only, never in pictures.

#dcdcde · borders, light tone

#8e8e93 · mid tone

#54545c · deep tone

raspberry at 8% · soft fills

#f1edde · picture paper; cards that hold a picture use it too

2. Type

Learn the skill. Build the agent.
Section heading · 26
Card title · 18
Body text · 16, line height 1.6, lines no wider than 65 characters.
Segoe UI throughout. No new fonts. No words inside pictures.

3. What "subtle" means here

1A still life of one plain object from the work: a pallet, a permit stamp, a street cabinet, a folder of claims. Never a person, never a screen of made-up software.
2Soft paper ground, fine ink line and two grey tones. One small raspberry detail at most.
3At least 60% empty space, so text can sit over or beside it and stay easy to read.
4Calm light, no glow, no gradients, no 3D gloss, no robots, no brains, no sparkles.
5No words, logos, brand marks, customer names or faces of real people.
6Every picture in a set is drawn the same way, so 72 courses look like one shelf, not 72 posters.

4. Where pictures go

Three places, each shown here finished, using the same picture. Text is always real page text set beside the picture, never baked into it.

Course card · 16:9 · one per course
B2B Sales · Foundational

Account Intelligence Agent

Bring account context, stakeholders, risks and draft talking points into one briefing a seller can review.

6 skillsStart the course
·Picture on top, full width, no border inside the card.
·Industry and level in small grey text, then the title, then one sentence.
·The card background matches the picture's paper, so the two read as one surface.
Path banner · 21:9 · one per learning path
Learning path · 4 courses
Start here

Four approachable courses across service, people, public services and account work.

Video title card · 16:9 · opens each lesson
Lesson 1.1
How an agent works
Account Intelligence Agent

5. Yes and no

Yes

A single building-permit stamp on paper, drawn in fine grey line, with a thin raspberry ink mark, set to the right with open space on the left.

No

A glowing blue brain, a robot at a laptop, a crowd of smiling people, a dashboard full of fake numbers, or any picture with words in it.

6. The picture recipe

Every picture is made from one fixed recipe, with only the object changed:

Quiet editorial still life of {one object from the course's work}, fine ink line drawing with two soft grey tones on warm off-white paper, a single small crimson (#b11f4b) ink detail on the object itself and nowhere else, object placed right of centre, at least 60% empty space on the left, calm even light, nothing else in the picture, no fruit, no plants, no text, no letters, no logos, no people, no screens, no gradients.

The object for each course is picked from that course's own description (for example, Account Intelligence: a closed leather folder of account notes).

7. Using this guide

1Use these colours and type on every new page. The same values are in brand.json for tools and builds.
2Make every new picture from the recipe above, changing only the object. Check it against the six "subtle" rules before it goes on a page.
3The AIBAST Academy is this guide applied: its pages, pictures and videos follow every rule here exactly, so when in doubt, copy what the academy does.
4New pictures and changes to this guide arrive through a pull request, so a person reviews them before they reach the site.