Rebar UI

1.0

synthetic

Hero

A centred page-top block: badge, title, subtitle, buttons and an optional code line.

Launch heroBadge, title, subtitle, two actions
Harbour rebrand

A new identity for the harbour

Mark, site and launch kit, live on 24 Oct. See the launch checklist.

Title only

Harbour rebrand

Identity, site and launch kit for the harbour trust.

With a code line
Tideline mobile

Offline tasks

Works on the quay with no signal.

npx tideline sync --offline

In context

Landing pageHero, then a section header and three pillars
Tideline

The quiet project app for small studios

Tasks, files and a clear week in one place.

What you get

Three things, done well

Tasks

A board the whole crew can read.

Files

Livery, fascia and rota, filed by project.

Chat

Ask what slipped, get an answer.

Shape

{ type: "hero", badge?: string, title: string, subtitle: string, actions?: Action[], codeSnippet?: string }

Badge and subtitle accept a little inline markup: code and label links.