Pentabay · design review

Two enterprise design directions.

Both use the real homepage content, the real product set and the live brand palette, so the only variable is the design system. Open each at full width, then pick one - the chosen direction becomes the token set and component rules applied across all ~48 routes.

Direction A

Institutional

Authority through restraint. Reference class: IBM, Accenture, Palantir.

  • Light canvas, navy ink, red as punctuation only
  • Serif display over grotesque body
  • Hairline rules instead of shadows; 3px radius
  • Data-dense: fact panels, registry tables, matrices
  • No gradients, no glow, motion under 160ms
Open Direction A →

Direction B

Platform

A product company that also does services. Reference class: Stripe, Linear, Vercel.

  • Deep canvas, three elevations, glass surfaces
  • Cobalt → violet gradient as the brand signature
  • Bento composition, 14–20px radius
  • Product-first: live status, screenshots, config sample
  • Spring motion, marquee, ambient field
Open Direction B →

Prototypes only - noindex, standalone HTML, not wired into the SPA router. They ship inside dist/ on build, so delete public/design/ before a production deploy if you do not want them publicly reachable.