hosman20 lays the foundation for a Middle East legal SaaS

Before billing or paywalls, hosman20 is rebuilding Mike's visual vocabulary from the ground up - a deliberate "warm paper and ink" look meant to read as a paid product, not a prototype.

brandingchat-ui

This is the design substrate for a commercial rebrand aimed at Middle East law firms. hosman20 has written out a bespoke design token system - essentially a single source of truth for colours, spacing, and typography - and rewritten the core UI building blocks (buttons, inputs, badges, dropdowns) against it. The legacy login and signup screens are migrated, and signup now demands a firm name, signalling a B2B onboarding posture from the first click.

The legal-document viewer keeps its old serif treatment on purpose, so case law and statutes still feel like case law and statutes. Test scaffolding has been added alongside, which suggests the team intends this foundation to hold up as the rest of the product - auth, app chrome, billing - gets bolted on in subsequent phases.

So what Useful for anyone watching how a research-grade legal-AI tool gets dressed up for paying firms; the visual choices here will define how Mike 2.1 reads to partners and GCs.

View this fork on GitHub →

Spotted something wrong? Or know the PR text has fresher detail than the writeup above?

Commits in this thread

2 commits from hosman20/mike-2.0, oldest first. Source extracted verbatim from the harvested git log.

SHA	Subject	Author	Date
`3da5dd95`	docs(mike-2.1): add design tokens and frontend inventory specs	z	2026-05-13	↗ GitHub
commit body Batch 0a + 0b - pre-implementation reference docs. - docs/mike-2.1-design-tokens.md: bespoke unprefixed token family (B:* nitro and F:* shadcn .pen kits are reference only, the unprefixed tokens are production). - docs/mike-2.0-frontend-inventory.md: catalog of existing primitives + auth pages + chrome shell that Phase 1 migrates. Agent IDs: a431cf5ab43329570 (tokens), ad8271abf2f042093 (inventory).
`7b4dccea`	feat(design): apply Mike 2.1 tokens and redesign 4 shadcn primitives	z	2026-05-13	↗ GitHub
commit body Batch 1 - replace globals.css @theme with bespoke Mike 2.1 token family, rebuild Button/Input/Badge/Dropdown against the new tokens, add vitest + 3 smoke tests. - frontend/src/app/globals.css: bespoke unprefixed tokens (production family). --color-blue/--color-azure preserved as faded blue for legacy .usc-section / .cfr-section CSS in legal-doc viewer. --font-eb-garamond next/font wiring kept for legacy .font-eb-garamond utility. - frontend/src/components/ui/{button,input,badge,dropdown-menu}.tsx: rebuilt against Mike 2.1 tokens. - frontend/vitest.config.ts + vitest.setup.ts: test runner config. - frontend/src/components/ui/__tests__/primitives.smoke.test.tsx: 3 smoke tests. All pass. Agent ID: a4c766b6e2d6a274e (general-purpose).

Capture this thread into my fork

Download a single Markdown prompt that tells Claude how to port every commit above into your working tree — adapting paths and structure to match your repo. Run it via claude -p < capture-thread-403.md from inside the repo you want the changes in.

⬇ Download capture-thread-403.md