Skip to the sites
Crown Media Service

Portfolio · One questionnaire each

Your website should look like your business, not like our last one.

Every site below was built from that client’s completed questionnaire — their audience, their differentiator, and the answer to “what should this not look like,” which was treated as binding. Photography is credited and licensed on the credits page.

See the rosterInternal dashboards

Every site is live. Click any tile and you are on the real thing, not a mockup.

businesses so far, each with its own palette and typefaces
53businesses so far, each with its own palette and typefaces
named visual styles, from editorial to neubrutalist to bento
8named visual styles, from editorial to neubrutalist to bento
photographs, each credited and licensed on /credits
54photographs, each credited and licensed on /credits
contrast checks passing on every theme
9/9contrast checks passing on every theme

Each tile is painted in that client’s own palette.

Which is the fastest way to show what a shared design system does when it is themed properly rather than reskinned. Search by business or town, or filter by the accent colour a client chose.

Filter by accent colour
Filter by design style
Filter by whether the site uses photography

Showing 1–12 of 53 sites

01Editorial

Harbor & Pine Coffee Co.

Portland, OR — Thoughtful coffee, made for the neighborhood.

The priced menu is the hero and a drawn floor plan shows where the outlets are — the question their remote-worker regulars actually arrive with. One photograph of the room, and no more.

View site
02Editorial

RidgeLine Construction Group

Austin, TX — Built with clarity. Finished with care.

Their pitch is documentation, so the site shows the paperwork: real job files with schedule variance and change-order logs naming who caused each one.

View site
03Editorial

ClearDerm Skin Clinic

Scottsdale, AZ — Evidence-based care for healthier skin.

An insurance matrix naming which services are medical, cosmetic, or plan-dependent. No before-and-after imagery and no outcome is predicted anywhere.

View site
04Editorial

North & Bloom Salon

Chicago, IL — Modern style, genuinely personal.

Chair time published next to price, and case notes instead of a gallery — the sessions, hours, and money a colour correction actually takes.

View site
05Editorial

SunCoast Home Realty

Tampa, FL — Local guidance for your next move.

Neighbourhood briefings that compare flood zone and insurance, not square footage, and name the trade-off of every area they recommend.

View site
06Editorial

Great Lakes Freight Solutions

Grand Rapids, MI — Reliable freight across the Midwest.

A five-state lane diagram with transit times, and the five factors that move a rate. Their brief bans aeroplanes, which is the whole category's cliché.

View site
07Editorial

Hearth & Haven Home Goods

Columbus, OH — Useful design for everyday living.

Every product drawn to one shared scale from measurements taken in-house, so a bin and a bench are comparable at a glance.

View site
08Editorial

Grant & Parker Accounting Services

Denver, CO — Clear numbers. Better business decisions.

The tax year as the graphic, each deadline labelled by whose job it is. No coins, no calculators, no sentence you have to read twice.

View site
09Editorial

Meridian Precision Components

Milwaukee, WI — Precision parts. Dependable production.

A dimensioned engineering drawing and the real machine envelopes — production tolerances rather than a best case from a good day.

View site
10Editorial

EcoCycle Asset Recovery

Newark, NJ — Responsible recovery. Documented results.

The refusal list carries the same weight as the accepted list, because a compliance constraint said this must never read as a hazardous-waste handler.

View site
11Editorial

Cedar Line Land Trust

Montpelier, VT — Land kept open, in writing, permanently.

A monitoring register: every easement with the year it was signed, what the last visit found, and who still owns the land — because being mistaken for a parks department is their real problem.

View site
12Editorial

Fairwind Sailing School

Annapolis, MD — Learn on the Chesapeake, in real weather.

Courses drawn as a ladder of prerequisites with hours on the water, and the cancellation policy stated as a threshold table rather than a promise about the weather.

View site

Screens

Every page, at any width you like.

This is the real client site in a frame, not a screenshot of one. Drag the slider or pick a width, and the page below re-lays itself exactly as it would on the device.

Width

375px · phone

The width most of these are read at.

One per layout archetype — a document, an index and a poster do different things to a narrow screen, and one of each is the only honest sample.

Live page, loaded from the same address the tile links to. Open Harbor & Pine full size.

One system, a theme per client.

Every colour, radius, and typeface for a site comes from a single object. It drives our tokens and the shadcn/ui contract together, so any component inherits that client’s palette with no per-site overrides.

Stack
Next.js 16 App Router, React 19, TypeScript, Tailwind v4, shadcn/ui on Radix. No CMS and no client-side data fetching — every route is static HTML.
Colour
Palettes authored in OKLCH so lightness steps stay even, then checked by a script that converts each token to sRGB and asserts the WCAG floor.
Performance
Fonts self-hosted and subset, emitted only on the routes that use them. No animation library reaches the browser — entrances are CSS behind one IntersectionObserver.
Accessibility
Landmarks, one h1 per page, visible focus rings, labelled inputs, real table headers, and reduced-motion honoured. Nothing is hidden waiting on JavaScript.
What is not here
No stock photography, no gradient blobs, no icon-card rows. No site asserts a certification, licence number, award, or client name.

The other kind of page

Three internal dashboards, where nobody is being persuaded of anything.

A dispatch board ranked by consequence rather than by the time a call came in. A weekly grocery review sorted by what each department did to gross margin. A storage rate sheet that refuses to print an occupancy figure on its own — and recommends three cuts. Each was built from its own brief, and each carries a permanent stamp saying the figures are sample data.

See the dashboards

The source material

Every site started as a filled-in questionnaire. You can read all 53.

Each client’s completed form is downloadable next to the answers that decided the design — including the “what should this not look like” answer, which was treated as binding rather than as a preference.

Read every questionnaire
  • Harbor & PineQuestionnaire, PDF
  • RidgeLineQuestionnaire, PDF
  • ClearDermQuestionnaire, PDF
  • North & BloomQuestionnaire, PDF
  • SunCoastQuestionnaire, PDF
  • …and 48 more