Design system appliedUpdated 2026-05-25 06:56 UTC

Xoso Clarity design applied

I checked DESIGN.md workflow and the open design repos, created a project DESIGN.md, linted it, then replaced the ugly dark/cyber styling with a warmer official-paper, data-utility interface focused on province navigation and readable results.

Open redesigned webapp Miền Nam category Machine JSON

Workflow used

DESIGN.mdCreated /opt/data/xoso-ai-webapp/DESIGN.md: Xoso Clarity.

Open design reposChecked google-labs-code/design.md and VoltAgent/awesome-design-md.

Reference systemLoaded Linear design template for precision/density principles, adapted to light public-utility style.

What changed visually

Warm official canvasPaper background, white cards, soft brown shadows, warm borders.

Lottery-native accentsRestrained Vietnamese red and gold for actions and special numbers.

Better scanabilityBigger result numbers, clearer province cards, readable table hierarchy.

Verified

DESIGN.md lint has 0 errors. Build passed, 26 HTML pages parsed, Cloudflare deploy succeeded, and live checks passed for homepage, category page, province page, and design token presence.