ADVISOROS × FABLE

An experiment one company, sixteen design languages

The same true story, told sixteen ways.

Advisor OS is a real Singapore software company with four live products. Below are sixteen complete marketing sites for it — same facts, same honest numbers, same two calls to action — each designed end-to-end by Claude Fable in a fundamentally different visual language. Every site was scored against the same 100-point rubric distilled from the best SaaS marketing on the web.

16 sites 2 pages each (site + design guide) 0 invented numbers 3 iteration passes
01

Print brutalism · lightLEDGER

An advisory practice as a book of record — letterpress serifs, ruled hairlines, red-ink annotations, adding-machine numerals.

Visit siteDesign guide
02

Full WebGL · darkSIGNAL

A working week seen from orbit — thousands of particles resolving into four constellations as the camera flies through.

Visit siteDesign guide
03

Quiet luxury · ivoryATRIUM

The four tools as glass sculptures in a private museum — generated artworks, cursor-tracked light, catalogue typography.

Visit siteDesign guide
04

Japanese minimal · washiMERIDIAN

A career as a single day — ink-wash mountains, enormous negative space, and one vermilion sun that sets as you scroll.

Visit siteDesign guide
05

CRT arcade · phosphorARCADE

Careers are games of consistency — four cartridges, honest XP bars, scanlines, and a hand-pixelled corgi drawn in code.

Visit siteDesign guide
06

Cyanotype drafting · blueBLUEPRINT

The company as a building being drafted — white line work on Prussian blue, dimension lines carrying the real numbers, an elevation that draws itself.

Visit siteDesign guide
07

Herbarium folio · creamBOTANICA

Four products pressed and labelled like specimens — engraved SVG plants, mounting tape, and a vine that grows up the spine as you scroll.

Visit siteDesign guide
08

Admiralty chart · boneVOYAGE

A coastal passage between four harbours — graticules, depth soundings, a red route plotted by your scroll, and a lighthouse aimed at the CTA.

Visit siteDesign guide
09

PCB schematic · copperVOLTA

One circuit, four components — copper traces routed down the page, a live pulse scrubbed by scroll, oscilloscope readouts of honest numbers.

Visit siteDesign guide
10

Couture pattern room · muslinATELIER

The career measured, cut, sewn and fitted — pattern pieces, tailor’s chalk, and one oxblood thread that stitches the whole page together.

Visit siteDesign guide
11

Bauhaus machine · posterKINETIC

A gear train that actually runs — four meshing SVG gears with true coupled ratios, driven by scroll, the honest numbers engraved on their rims.

Visit siteDesign guide
12

Mid-century wireless · bakeliteRADIO

Four stations on one dial — a scroll-driven tuner, spring-damped VU needles, and a breath of typographic static between programmes.

Visit siteDesign guide
13

Paper pop-up · tinted stockFOLIO

A pop-up book of four spreads — real preserve-3d folds, torn edges, layered paper shadows, and a ribbon bookmark that keeps your place.

Visit siteDesign guide
14

Film noir · monochromeNOIR

A four-act case file — venetian-blind light raking every scene, red-string evidence, typewritten tags, and exactly one neon sign.

Visit siteDesign guide
15

Alpine expedition · topoSUMMIT

One mountain, four camps — procedural contour lines, an altimeter tied to your scroll, a page that climbs from valley dark into summit light.

Visit siteDesign guide
16

AI-infra modern · greigeCANVAS

The 2026 SaaS register — a giant centred promise orbited by the practice's real artifacts (an exam card, a booking slot, the corgi), collaborator cursors, and a prompt pill that types the four jobs.

Visit siteDesign guide