Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,23 @@ Format: [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); versioning: [S

## [Unreleased]

### Changed

- **`maxhealth` gets a real radius ladder above `lg`: 0.75 / 1 / 1.5 / 2rem.** 0.7.0 set the
new `radius-xl` … `radius-4xl` steps to `0rem` on the reasoning that a flat brand is flat
all the way down. It turned out those steps had never rendered flat: they fell through to
Tailwind's own defaults, which are the values restored here, so every component built on
this brand had been designed against them for as long as the brand has existed.

Setting them to `0rem` squared 24 corners on maxhealth.tech (product cards, the countdown
page) and every chat bubble in AIHR, and both read as broken rather than as flat. The brand
is flat at the sizes that trim a CONTROL β€” button, input, badge, table cell, everything
through `lg`, all still `0rem` β€” and soft at the sizes that shape a SURFACE, where the step
is drawing a card or a bubble rather than an edge.

`dashboard` is unchanged. No consumer needs an edit: the values are what they already
rendered before 0.7.0.

## [0.7.0] β€” 2026-08-30

### Added
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "brandc",
"version": "0.7.0",
"version": "0.8.0",
"description": "Brand compiler: author a Brand as data and emit the shared design-token contract as CSS (toCss), Tailwind v4 (toTailwindCss) and prefab wire (toPrefabTheme). Ships an example brand you can use as-is or override.",
"type": "module",
"license": "MIT",
Expand Down
21 changes: 16 additions & 5 deletions src/tokens.ts
Original file line number Diff line number Diff line change
Expand Up @@ -126,15 +126,26 @@ export const maxhealth = {
"sidebar-ring": { light: "oklch(0.708 0 0)", dark: "oklch(0.556 0 0)" },
},
scalars: {
// Shape + elevation β€” Max Health is flat and sharp. Rebrand by overriding these.
// Shape + elevation β€” Max Health is flat and sharp at the sizes that carry a control,
// and soft at the sizes that carry a surface. Everything through `lg` is 0rem: buttons,
// inputs, badges, table cells. From `xl` up the step is no longer trimming a control, it
// is shaping a panel, a card or a chat bubble, and those read as objects on the page
// rather than edges of one.
//
// The tail was 0rem for one release (0.7.0) on the reasoning that a flat brand is flat
// all the way. In practice it was not: the values below are what maxhealth.tech and AIHR
// had always rendered, because a step the contract did not define fell through to
// Tailwind's own defaults. Squaring them squared 24 corners on the marketing site and
// every chat bubble in AIHR, and both read as broken rather than as flat. So the ladder
// is the design, written down β€” not the accident it used to be.
radius: "0rem",
"radius-sm": "0rem",
"radius-md": "0rem",
"radius-lg": "0rem",
"radius-xl": "0rem",
"radius-2xl": "0rem",
"radius-3xl": "0rem",
"radius-4xl": "0rem",
"radius-xl": "0.75rem",
"radius-2xl": "1rem",
"radius-3xl": "1.5rem",
"radius-4xl": "2rem",
"shadow-sm": "none",
shadow: "none",
"shadow-md": "none",
Expand Down
8 changes: 4 additions & 4 deletions theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -165,10 +165,10 @@
--radius-sm: 0rem;
--radius-md: 0rem;
--radius-lg: 0rem;
--radius-xl: 0rem;
--radius-2xl: 0rem;
--radius-3xl: 0rem;
--radius-4xl: 0rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
--shadow-sm: none;
--shadow: none;
--shadow-md: none;
Expand Down
Loading