feat: ship real Mind logo, typography roles, and public ./brand export - #27
Merged
Conversation
…docs Add the real Mind mark as the canonical brand artwork and document it as a corporate-style logo guide. - Add src/themes/mind-mark.ts: canonical gradient mark, monochrome builder, brand greens, and the geometric construction grid — single source of truth reused by the theme assets and the docs page. - Wire the real mark into the Mind theme's symbol; drop Mind's baked logo image. - Refactor the Logo component to compose the symbol + "Mind" as live serif text (font-serif → Fraunces), since an <img>-embedded SVG can't reach app webfonts. Add a symbolOnly prop and a dedicated SymbolProps type. - Add Foundations → Logo page (stories + MDX): lockups, construction grid, clearspace, sizing, app icon, favicon, monochrome, and misuse. - Load the brand webfonts in Storybook via preview-head.html so type renders in real Fraunces / Hanken Grotesk / JetBrains Mono instead of a system fallback. - Update brand tests for the composed wordmark and optional logo asset. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…ono technical Give each of the three shipped fonts one clear job: - Fraunces (serif) drives display headings: a base-layer rule sets h1–h3 in var(--font-serif). h4–h6 stay sans for legibility in dense UI. - Hanken Grotesk (sans) is the default for body copy, UI chrome, and small structural headings. - JetBrains Mono is reserved for code and technical labels; kbd switches from font-sans to font-mono (code/pre/samp already resolve via preflight). Rework the Typography foundation docs to match: relabel the roles, render the scale with h1–h3 in serif, and replace the serif-body editorial specimen with a Composition that shows all three roles in their proper place.
Add a React-free ./brand entry re-exporting MIND_MARK_SVG, MIND_MARK_VIEWBOX, MIND_GREEN, monoMarkSvg and MIND_CONSTRUCTION_SVG. Consuming apps can now author favicons, app icons, OG images and manifests from the single source of truth instead of vendoring a copy that drifts. The entry imports no components and carries no "use client", so it is safe to import from plain Node build scripts. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
20 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🎯 Summary
Brings the interlocking-weave logo and the typography role redefinition onto
mainso they can ship in a release, plus a new public./brandexport so apps can author icons from the canonical artwork without vendoring. This unblocks the landing-site rollout tracked in #26.Two stranded commits (previously orphaned on a
[gone]branch) are cherry-picked here, followed by the new export:52b9a61feat(brand) — real Mind mark (mind-mark.ts), serif wordmark in theLogocomponent, Foundations → Logo docs, Storybook webfont loading05d29cefeat(typography) —h1–h3 → serifbase-layer rule, monokbd, reworked Typography docs1a56d5cfeat(brand) — new./brandsubpath📦 New
./brandsubpathRe-exports
MIND_MARK_SVG,MIND_MARK_VIEWBOX,MIND_GREEN,monoMarkSvg,MIND_CONSTRUCTION_SVG. Deliberately React-free (0 imports indist/brand.js, no"use client") so it's safe to import from plain Node build scripts (e.g. landing's icon generator).✅ Checks
pnpm gen:css✅pnpm build✅ (./brand→dist/brand.js32.8 kB, pure strings)pnpm typecheck✅pnpm test✅ — 225 passed (contrast AA gate + axe)🚀 Release
Merging cuts 0.6.0 via release-please (two
feat:commits). Landing then bumps to^0.6.0.Closes the Phase 1 portion of #26.
🤖 Generated with Claude Code