Skip to content
Library

TOMO. Flat, warm, and unapologetically analog.

  • Brand
  • Light theme
  • 5 colors
  • 2 typefaces

TOMO reads as a printed zine taped to a refrigerator — warm linen canvas, oversized serif display type, torn-paper navigation stickers, and tomato-red marquee banners. Every surface is flat: no shadows, no gradients, no elevation. The visual grammar is collage, not card grid: food photography, street photography, and rubber-stamp typography layered freely on a cream page, anchored by razor-thin black borders. Recife's high-contrast serif does the heavy lifting at 80–120px scale while body stays small and functional. A single accent — tomato red — arrives as a marquee ribbon and stamp ink, never as a button fill. The system refuses the conventions of restaurant websites: no menus in accordions, no reservation widgets floating mid-page, no color-coded CTAs.

Screenshot of TOMO
Captured from tomoseattle.com on October 11, 2026

TOMO design system

TOMO

Brand1

  • Marquee banner background, rubber-stamp text fill, promotional callouts — the single chromatic accent, tomato-toned for a restaurant called TOMO

Neutrals4

  • Display headlines, body text, card borders, image frames — the dominant ink across all surfaces

  • Page canvas, section backgrounds — the cream that everything is taped onto

  • Subtle surface lift on rare neutral buttons — almost invisible

  • Inset card surfaces, nav sticker fills, reverse type on dark or red panels

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Press Black on Tomo Red

7.13 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.