Skip to content
HAYLO

Built with Claude Code.

How this site was designed and shipped by Claude Code Opus 4.8 under the Office of the Creative Director — restrained and technically substantive, not a victory lap.

THE BUILD IS THE PROOF

From empty to earning.

Free TMS. Fair marketplace. No empty miles.

The brief

One binding spec: the HAYLO Product Platform Web Brief v1.0, with the Brand Book winning on any conflict.

The agent stack

Claude Code Opus 4.8, Next.js 14 (App Router), Tailwind, next-intl, self-hosted subset fonts, Shiki for code.

The brand discipline

The Brand Book’s hard rules were enforced as code:

  • The palette replaces Tailwind’s default — an off-palette colour does not exist.
  • Every figure renders through MoneyFigure, in JetBrains Mono; the fee is always in plain sight.
  • Green only for paid / verified states. No exclamation marks, no emojis.

The performance story

"Built for the cab" has to be true in the network panel. First Load JS under 130 KB per route; Greek + Latin subset fonts, preloaded per locale.

What was hardest

The brand text faces (Familjen Grotesk, Hanken Grotesk) carry no Greek glyphs — a real blocker that was surfaced rather than ignored, with Inter as the interim Greek face.

Wall-clock and review hours, and the repo link, are filled in at QA.

The proof is in the code.

Start free with HAYLO Desk.