A floating world of flavour.

Tomo (友) means friend. Across two dining rooms — Richmond Hill and Mississauga — Tomo Sushi is where friends gather over generous plates and careful knife-work. The new identity looks to ukiyo-e, the “pictures of the floating world”: warm washi paper, sumi ink, and shu vermilion, set against calm ai indigo with a thread of kin gold. Bold where it welcomes you in; quiet where you sit and read.

Do & don’t

• ✓ Keep the logotype’s native red (#ed1c24) — the surrounding UI uses the refined vermilion palette, the mark itself is never recolored.
• ✓ Use the reverse (white) version on indigo, vermilion, or photography.
• ✗ Don’t stretch, rotate, outline, or add effects to the mark.
• ✗ Don’t place the primary version on busy or low-contrast photographic backgrounds.

Contrast pairs — verified for WCAG 2.1 / AODA

Scale

The menu is the most-read part of tomosushi.ca — readability leads every decision. One shared system serves both locations; only the content differs.

Agedashi Tofu · 4 pcs8

Deep-fried tofu topped with teriyaki sauce.

Vegetarian

Takoyaki · 6 pcs9

Deep-fried octopus dumpling topped with mayo, unagi sauce.

Ebi Shumai · 6 pcs8

Steamed or deep-fried shrimp dumpling.

Beef Sashimi17

Thinly sliced seared beef, scallion dressed in yuzu ponzu sauce.

Salmon Sashimi Appetizer · 6 pcs15

Fresh salmon sashimi.

Gluten-free

Teriyaki Appetizer

Selection of meats topped with teriyaki sauce.

Chicken16

Salmon18

Beef20

Tomo Tartare

Cube-shaped salmon or tuna with avocado dressed in yuzu ponzu, garlic oil.

Salmon15

Tuna17

Readability rules

• · Item names 16px+ Inter Semibold in sumi ink; descriptions 14px+ at 1.6 line-height in ink soft.
• · One item per row, maximum measure 42em — no dense grids.
• · Dotted leaders connect name to price; prices are tabular numerals in kin deep (#7A5F26).
• · Rounded 128px photo thumbnails; photography never sits behind text.
• · Dietary and variant tags as small outlined chips; category tabs in calm indigo.
• · Items offered in multiple versions list each variant on its own sub-row — name, leader, price — beneath the description, in a narrower 20em measure.
• · Photos are interactive: tap or click opens an enlarged view in an accessible dialog — Esc, the close button, or a tap outside dismisses it.
• · Both locations share this system — Richmond Hill and Mississauga differ only in items and prices.

Header & footer — demonstrated live by this page’s own chrome: the sticky indigo bar above (letterspaced links, gold hover underline) and the indigo colophon below.

The redesign meets WCAG 2.1 AA ahead of the AODA deadline of December 2026 — and this document holds itself to the same standard.

• ✓ Every text/background pairing verified 4.5:1+ (3:1+ for large text and UI) — see the contrast table above.
• ✓ Visible focus indicators on all interactive elements; logical tab order; skip link.
• ✓ Semantic landmarks and heading hierarchy; kanji ornaments hidden from assistive tech.
• ✓ Touch targets minimum 44×44px; text resizes to 200% without loss.
• ✓ prefers-reduced-motion honored — no autoplaying motion, smooth-scroll disabled on request.
• ✓ Menu photos carry descriptive alt text; prices and dietary tags are real text, never images.
• ✓ The photo lightbox is a native dialog — focus is trapped, Esc closes, and the page works fully without JavaScript.

Copy-ready for tomosushi2026/app/styles/tokens.css. Logo sources live in brand/SVG/.

:root {
  /* Ukiyo-e palette */
  --tomo-washi: #F6F1E5;
  --tomo-washi-deep: #EFE7D6;
  --tomo-ink: #1C1A17;
  --tomo-ink-soft: #55503F;
  --tomo-indigo: #233047;
  --tomo-vermilion: #C9342A;      /* large accents, buttons, seals */
  --tomo-vermilion-text: #B02E25; /* vermilion at text sizes */
  --tomo-gold: #B08D46;           /* ornament only - never text */
  --tomo-gold-text: #7A5F26;      /* prices */

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-kanji: 'Shippori Mincho', serif;
}