Site Brand — Lucian Labs Branding

This page is a host. It names no colour of its own: every value is a --ll-* role written on <html> by ll-brand.js, with the claudecore value as a fallback. Press a pip and the whole page changes look — ground, panels, ink, type, radius — behind the same curved front the shop in the corner uses, under one sweep. Open the shop and press a pip there instead: the page follows that too.

The write-up is site-brand.md; the source is v2/ll-brand.js.

Two voices, one look

A look has one accent. A page with several docks needs several — that is how a visitor tells them apart — so the roles derive a family off the accent in OKLCH. These two panels wear --ll-brand-3 and --ll-spaces: different hues on every look, always the look's weight, always legible on its ground.

labs · brand-3

Relay throughput

1,284 msg/s

healthy — ok reads green on every look

thoughts · spaces

Unread

one failed — err reads red on every look

On a fill

The label on an accent button is --ll-on-accent, chosen by contrast against the accent, not by whether the look is light. Claudecore's sky blue and House Pour's champagne both take dark ink; Console's deeper blue takes light.

The family

Every derived hue for the current look, by role.

Adopting it

<!-- head: the stamp, before any stylesheet (see site-brand.md) -->
<script>…</script>

<script src="https://lucianlabs.ca/v2/ll-brand.js"></script>
<script>LLBrand.follow()</script>

LLBrand.set('house-pour')                    // page + widgets, one front
LLBrand.set('console', { wipe: 'groups' })   // widgets only