Design System · Pages

Pages

Whole screens — where the kit assembles into a real surface. Each shares the same black header + tab shell; only the work area changes. These are the fully-designed pages built to date; new ones inherit the shell and the existing components.

Reviews tab

The reviews workspace: one hero workload figure, a row of filter facets, a display dropdown, then a stream of review cards — each one Google review with a single reply action. Built entirely from the reviews kit; no new primitives.

Krown Design Manager

Request intake

Reviews

Replies needed 0

13,911 reviews · 290 locations

Krown Streetsville

#214·Mississauga, ON

RealEstate · Jun 10, 2026 · 1:39 PM

Great service — they did every part, very nice to deal with.

Krown Laval — Centre

#388·Laval, QC

M. Tremblay · Jun 9, 2026 · 4:02 PM

Waited longer than the quoted time and no one called to update me.

Krown Québec — Sainte-Foy

#356·Québec, QC

J. Bergeron · Jun 8, 2026 · 11:14 AM

Honest, quick, and they explained everything. Will come back next season.

Reviews — hero workload figure (replies needed) + filter facets + a display dropdown sit above a stream of review cards. One black Draft reply primary per card; the Google profile is an icon-only link so words never compete with the review. The facets and dropdown in this mock are live.

Locations — dense table

At 300+ the dense table is the default: name · city · ID · status · K·G·A·B coverage · updated. Search + faceted & saved filters on top; card view is a toggle for browsing. The whole row is the click target into detail.

Krown Design Manager

Request intake

Locations

312

All provinces Status: any Platform gaps Saved: Needs Google

Location	City	ID	Status	Updated
Montréal — Plateau	Montréal, QC	LOC-0421	Published	2h ago
Laval — Centre	Laval, QC	LOC-0388	Draft	6d ago
Québec — Sainte-Foy	Québec, QC	LOC-0356	Published	1d ago
Gatineau — Hull	Gatineau, QC	LOC-0334	Inactive	3w ago

Locations — name · city · ID · status · K·G·A·B coverage · updated. Search + faceted & saved filters (e.g. “Needs Google”) on top. Card view is a toggle. Whole row is the click target → detail.

Location detail

Breadcrumb, title + status + one primary action, then two columns of field-row cards. Admin links live here, never on the list card.

← Locations / LOC-0421

Montréal — Plateau

4521 Boul. Saint-Laurent, QC H2T 1R5

Published

Profile

Phone

(514) 555-0142

Hours

Mon–Fri 8–18 · Sat 9–17

Services

Rust control · Undercoating

Platform coverage

Krown.com

Public · CMS admin

Google

Public · Business admin

Apple

Manual desk task

Bing

Manual desk task

Location detail — breadcrumb, title + status + one primary action, then two columns of field-row cards. Admin links live here, never on the list card.

Request Intake

A narrow centred column, deliberately the least “dashboard-like” surface: prompt, bubble thread, inline confirmation card, and a persistent composer at the bottom.

What needs to change?

Paste an email, type a note, or describe it. I’ll confirm before anything happens.

Laval is closed Mondays now, open till 6 Saturdays.

Design Manager

Got it — here’s what I understood. ↓

Here’s what I understood

LocationLaval — Centre · LOC-0388

ChangeClosed Mondays · Sat until 18:00

Intake — narrow centered column, prompt, bubble thread, inline confirmation card, persistent composer at the bottom. The full anatomy lives on the Intake conversation component.

Translation review & Updates feed

Live-first model. Content publishes immediately in its source form; the French version is an asynchronous refinement layer. Internal reviewers (one or more) get their own approval queue and sign off when they can — approving publishes the refined FR. So a string can be live now while still pending French review; nothing is ever blocked waiting on translation.

Plateau — service page

FR review pending

Source (EN)

Protect your vehicle from rust this winter.

Quebec French — live

Protégez votre véhicule de la rouille cet hiver.

CDClaire D.

key: home.winter.hero · v3 · CMS-9821

Translation — reviewer’s own approval queue. Side-by-side source/live-FR, big readable type, Approve primary. An “info” banner makes the live-first state explicit; reviewer is shown for team accountability. Technical keys demoted to mono.

Updates

All people

Laval hours updated.

Krown.com · Google · MKMark via Intake

FR review approved.

Plateau · CDClaire D.

Apple desk task created.

Laval · assigned MKMark

Updates — one chronological feed across all modules, grouped by day, filterable by person (and module/location). Every row carries its author. Operational history, not logs.

Future: Photos

Photos slots into the existing shell as a new tab and inherits the same kit. Photos = a card grid of image slots per location (edit workflow opens in a panel); reuse the location card, add an image thumbnail and a “needs edit / approved” status chip. No new primitives required — only the --m-photos accent already reserved.