Skip to content

feat(meta): wordmark iteration — 2 lowercase candidates for review (CTL-182)#271

Open
ryanrozich wants to merge 4 commits intomainfrom
orch-ctl-182-CTL-182
Open

feat(meta): wordmark iteration — 2 lowercase candidates for review (CTL-182)#271
ryanrozich wants to merge 4 commits intomainfrom
orch-ctl-182-CTL-182

Conversation

@ryanrozich
Copy link
Copy Markdown
Contributor

Summary

Design iteration for CTL-182 — produce two lowercase wordmark candidates (sans + mono) and render them alongside the current drawn wordmark on the brand showcase so the operator can compare at real use-sizes and pick a winner.

Do not auto-merge. The operator picks A or B (or "neither — try again") via the Cloudflare Pages branch preview. A follow-up ticket promotes the winning candidate and retires the loser.

What shipped

Four new SVGs under assets/brand-v2/candidates/:

File viewBox Source
wordmark-sans-a.svg 0 0 368 100 Inter Regular, lowercase "catalyst" as filled paths
lockup-horizontal-sans-a.svg 0 0 518 100 mark + 50-unit gap + sans wordmark
wordmark-mono-b.svg 0 0 480 100 JetBrains Mono Regular, lowercase "catalyst" as filled paths
lockup-horizontal-mono-b.svg 0 0 630 100 mark + 50-unit gap + mono wordmark

All candidate wordmarks use fill="currentColor" — no hardcoded amber — so they inherit --color-accent from the enclosing panel and theme-switch like the mark does. Mono tracking is inherently wider than sans, which is why the mono lockup is 630 units wide vs sans at 518.

brand.html changes

New "Wordmark candidates" section inserted above the existing Lockups section at plugins/dev/scripts/orch-monitor/public/mockups/brand.html. Each row — Current · drawn, A · sans, B · mono — shows:

  1. Wordmark alone (320 px display width)
  2. Horizontal lockup with the existing chevron mark (400 px display width)
  3. Three-up size matrix at 160 / 240 / 400 px widths

Rendered in both dark and light theme-panel panels (the existing brand.js mirrors dark → light automatically). Same viewBox 0 0 · 100 coordinate system as the current drawn wordmark so all three render at matched vertical scale.

Review workflow

  1. Operator opens the Cloudflare Pages branch preview for this PR.
  2. Navigate to /mockups/brand.html → scroll to "Wordmark candidates".
  3. Compare current + A + B in dark and light panels at 160 / 240 / 400 px widths.
  4. Comment on this PR with the pick: "A" or "B" (or "neither — try again").
  5. A follow-up ticket promotes the winner: renames files, regenerates mono-black/white + stacked variants, wires the docs site, removes candidates/ + the showcase section, deletes the loser.

Out of scope (untouched, per ticket)

  • assets/brand-v2/wordmark.svg, lockup-horizontal.svg, lockup-stacked.svg, mono-black/white variants — canonical set stays as reference until a winner is picked.
  • website/astro.config.mjs, index.mdx — docs-site wiring deferred to the promotion ticket.
  • Stacked lockup variants for candidates — horizontal is enough to evaluate.
  • Mono-black / mono-white variants for candidates — fill="currentColor" gets theme switching for free.

Test plan

  • Cloudflare Pages branch preview builds and serves /mockups/brand.html successfully
  • "Wordmark candidates" section renders above "Lockup specimens" in both dark and light panels
  • All three rows legible at 160 px (header scale), 240 px, and 400 px (hero scale)
  • Candidate wordmarks adopt the panel accent amber (not hardcoded)
  • Light panel successfully mirrors dark panel content (existing brand.js behavior)

Related

  • CTL-147 (chevron mark — kept as-is, paired into both candidate lockups)
  • CTL-148 (original drawn wordmark + lockups — what this compares against)
  • CTL-154 (mono-black/white variants — deferred to promotion ticket)
  • CTL-178 (dark + light brand showcase panels — where candidates render)

Closes CTL-182 once the operator picks a winner.

…TL-182)

Produce two lowercase wordmark candidates (A · sans from Inter, B · mono
from JetBrains Mono) rendered as SVG paths, paired with the existing
chevron mark. Add a "Wordmark candidates" section to brand.html that
renders current + A + B side-by-side in both theme panels at 160 /
240 / 400 px widths for in-context comparison.

Canonical assets/brand-v2/ files (wordmark.svg, lockup-horizontal.svg,
lockup-stacked.svg, mono-black/white variants) left untouched. A
follow-up ticket promotes the winning candidate and retires the loser.

New files (under assets/brand-v2/candidates/ to keep them out of the
canonical set):
- wordmark-sans-a.svg        viewBox 0 0 368 100
- lockup-horizontal-sans-a.svg viewBox 0 0 518 100
- wordmark-mono-b.svg        viewBox 0 0 480 100
- lockup-horizontal-mono-b.svg viewBox 0 0 630 100

All candidate wordmarks use fill="currentColor" so they theme-switch
via the panel's --color-accent, mirroring how the mark uses
stroke="currentColor". Horizontal lockups keep the same mark (100×100
from viewBox 0 0 64 64) + 50-unit gap convention as lockup-horizontal.svg.

Operator review path: Cloudflare Pages branch preview → /mockups/brand.html,
scroll to "Wordmark candidates" section, pick A, B, or "neither".
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented Apr 24, 2026

Deploying catalyst with  Cloudflare Pages  Cloudflare Pages

Latest commit: d4d1360
Status: ✅  Deploy successful!
Preview URL: https://d459927e.catalyst-7jq.pages.dev
Branch Preview URL: https://orch-ctl-182-ctl-182.catalyst-7jq.pages.dev

View logs

Adds a third lowercase wordmark candidate to the review set: a
Departure Mono-inspired pixelated/bitmap monospace treatment of
"catalyst". 5-col × 10-row bitmap per glyph, 10-unit pixel, viewBox
height matched to sans-a and mono-b so the three render at
matched scale when height-normalized.

Files:
- assets/brand-v2/candidates/wordmark-pixel-c.svg (viewBox 0 0 480 100)
- assets/brand-v2/candidates/lockup-horizontal-pixel-c.svg (viewBox 0 0 630 100)

Both use fill=currentColor so they theme-switch with the panel like
candidates A and B.
Adds a third row to the "Wordmark candidates" section alongside
Current / A · sans / B · mono:

  C · pixel mono — 5×10 pixel bitmap, Departure Mono-inspired,
                    viewBox 0 0 480 100 (wordmark) / 0 0 630 100 (lockup)

Row shows wordmark alone (320 px), horizontal lockup (400 px), and
lockup at 160 / 240 / 400 px — same stack as A and B, in both dark
and light theme panels (light mirrors from dark via brand.js at init).

Caption text updated from "two lowercase candidates" → "three ...".
Eyebrow updated from "pick A or B" → "pick A, B, or C".

A and B rows, the canonical brand set, and all other brand assets are
untouched.
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.

1 participant