Apply brand identity to the frontend (ink + bronze + paper)

Replaces the default black/gray with the docs/brand palette: warm ink text on paper surfaces, bronze accent, serif headings and the Origin-mark wordmark in the header, favicon, and the 'where it came from matters' tagline. Light/dark adapt via CSS vars (ink/paper flip); bronze and paper are constant. Tailwind v4 @theme exposes bronze/paper/ink tokens and the serif stack. Buttons/inputs/cards restyled to match; brand SVGs vendored into public/.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: Justin Paul <justin@jpaul.me>
This commit is contained in:
2026-06-06 11:49:58 -04:00
parent 9e6cf6e5b7
commit b8f5c35045
13 changed files with 121 additions and 38 deletions
+2 -2
View File
@@ -70,9 +70,9 @@ export default function RegisterPage() {
{loading ? "Creating…" : "Create account"}
</Button>
</form>
<p className="mt-4 text-sm text-neutral-600">
<p className="mt-4 text-sm text-[var(--muted)]">
Already have an account?{" "}
<Link href="/login" className="underline">
<Link href="/login" className="text-bronze underline">
Sign in
</Link>
</p>