Skip to content

Beetroot Atlas rebrand — theme, landing, and engraved logos (v3)#29

Closed
btravers wants to merge 2 commits into
mainfrom
design/beetroot-atlas
Closed

Beetroot Atlas rebrand — theme, landing, and engraved logos (v3)#29
btravers wants to merge 2 commits into
mainfrom
design/beetroot-atlas

Conversation

@btravers

Copy link
Copy Markdown
Contributor

What

The v3 rebrand — "Beetroot Atlas": a botanical atlas. The beetroot (btrav ~ betterave) becomes a fine-line, hand-tinted engraving on warm ivory paper — hairline rules, double-rule plate frames, numbered plates, a high-contrast serif, near-zero motion. Premium through restraint; distinctive through craft.

Replaces the rejected #27 (Riso — too brutalist) and #28 (Soft — too generic/SaaS).

@btravstack/theme (minor, changeset included)

  • Warm-ivory "atlas" paper (oklch(95.5% 0.015 85), sepia ink) is the canonical scheme; dark becomes aubergine on .dark.
  • Typography: Fraunces (display serif) + Switzer (body) + JetBrains Mono (code) replace Montserrat.
  • Shape language: hairlines, near-sharp corners, no decorative shadows, solid navbar, solid ink hero name, still hero mark. Motion is near-zero.
  • Non-breaking: all semantic tokens keep their names; docs sites still rebrand with the single --accent override — and the hue-neutral ivory paper harmonises with all four per-site accents.

Landing

Rebuilt as a Catalogue: left-biased serif hero beside a framed engraving (Pl. I — Beta vulgaris, with a root cross-section), an inventory band ("Four packages · MIT-licensed…"), four numbered double-rule plates (Pl. II–V) for the packages — engraved mark, live star counts, copyable install, docs/repo links — then numbered principles (I–III), the AI argument over ruled columns, a hairline inspirations index, and a quiet typographic close. Mast-headed footer. All copy preserved verbatim.

Logos

All five marks + favicon redrawn as hand-tinted botanical engravings — sepia linework (cream on dark) with soft beet/leaf tints: beetroot, rabbit, hourglass with beet sand, no-throw ring, double-frame shield.

Also new

  • design.md — the locked design system future pages read first.

Verification

  • pnpm turbo run build --force green (theme + website).
  • Both schemes screenshot-verified; contrast checked (WCAG AA text, 3:1 large/rings) in light and dark.
  • No horizontal overflow at 320 / 375 / 414 / 768 px (measured via DOM scrollWidth).

Housekeeping

…ogos (v3)

A botanical atlas: the beetroot as a fine-line engraving on warm ivory
paper. Hairline rules, double-rule plate frames, numbered plates, a
high-contrast serif, and near-zero motion — premium through restraint.
Replaces the rejected Riso (#27) and Soft (#28) directions.

- theme: ivory "atlas" canonical scheme (aubergine dark on .dark),
  Fraunces + Switzer + JetBrains Mono replace Montserrat, hairline shape
  language, no glow/float/gradient-text. Semantic token API and the
  one-knob --accent contract unchanged (minor bump, changeset included).
- landing: Catalogue — left-biased serif hero beside a framed engraving
  (Pl. I — Beta vulgaris, with root cross-section), inventory band, four
  numbered package plates (Pl. II–V) with live stars and copyable
  installs, numbered principles (I–III), ruled prose columns, hairline
  inspirations index, quiet typographic close, mast-headed footer. All
  copy preserved.
- logos: all five marks + favicon redrawn as hand-tinted botanical
  engravings (beetroot, rabbit, hourglass, no-throw ring, shield).
- design.md: the locked design system for future pages.
Copilot AI review requested due to automatic review settings July 15, 2026 23:34
The engraved beet sat ~15px right of the ring center and its leaves
collided with the ring stroke. Recentered the figure (and dropped the
third leaf that skewed the bounding box) so the mark reads cleanly at
navbar sizes too.

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Implements the “Beetroot Atlas” v3 rebrand across the shared theme package and the website landing page, adding a locked design-system reference and updating the org/package marks to engraved-style SVGs.

Changes:

  • Reworks @btravstack/theme tokens + VitePress variable mapping for the warm-ivory canonical light scheme and aubergine dark scheme, including typography and motion/shape adjustments.
  • Rebuilds the website landing page into the “Catalogue” layout (plates, principles, ruled AI section, index-style inspirations, mast-headed footer).
  • Adds/updates engraved SVG logo assets + favicon, plus a locked design.md reference and a theme changeset.

Reviewed changes

Copilot reviewed 7 out of 18 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
packages/theme/src/tokens.css Updates canonical color schemes, typography tokens, radii, shadows, and motion to match the Atlas design language.
packages/theme/src/style.css Remaps tokens onto VitePress --vp-* variables and adjusts shared chrome styling (hero, navbar, cards, focus).
packages/theme/src/fonts.css Switches font imports to Fraunces + Switzer + JetBrains Mono.
design.md Adds the locked “Beetroot Atlas” design system reference for future redesigns.
apps/website/.vitepress/theme/Landing.vue Rebuilds landing into the Catalogue/plate structure and updates styling and layout accordingly.
apps/website/public/logos/unthrown-light.svg Updates unthrown logo to engraved style (light scheme).
apps/website/public/logos/unthrown-dark.svg Updates unthrown logo to engraved style (dark scheme).
apps/website/public/logos/temporal-contract-light.svg Updates temporal-contract logo to engraved style (light scheme).
apps/website/public/logos/temporal-contract-dark.svg Updates temporal-contract logo to engraved style (dark scheme).
apps/website/public/logos/demesne-light.svg Updates demesne logo to engraved style (light scheme).
apps/website/public/logos/demesne-dark.svg Updates demesne logo to engraved style (dark scheme).
apps/website/public/logos/btravstack-light.svg Updates org logo to engraved style (light scheme).
apps/website/public/logos/btravstack-dark.svg Updates org logo to engraved style (dark scheme).
apps/website/public/logos/amqp-contract-light.svg Updates amqp-contract logo to engraved style (light scheme).
apps/website/public/logos/amqp-contract-dark.svg Updates amqp-contract logo to engraved style (dark scheme).
apps/website/public/favicon.svg Updates favicon to engraved style.
.hallmark/log.json Adds hallmark log entries for the v1/v2/v3 rebrand directions.
.changeset/beetroot-atlas-rebrand.md Publishes a minor version changeset describing the Atlas rebrand.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

<span>{{ pt }}</span>
</li>
</ul>
<button type="button" class="btv-codeblk" :title="`Copy: ${p.install}`" @click="copy(p.install)">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants