Below are five demo websites — each for a fictional Kenyan law firm with a different practice focus and a different visual voice. They share nothing but the brief. Open any of them to walk the full page; come back here to compare.
Minimalist, considered, Swiss-precise. Off-white paper, Instrument Serif + Inter, restrained olive accent, generous whitespace. Built mobile-first; responds cleanly from 360px to 1600px.
Refined dark editorial — like a luxury magazine printed on black paper. Cormorant Garamond on warm cream, burgundy + brass accents. Slow, confident, prestigious. For an international arbitration practice.
Classic, editorial, weighty. Serif display, navy/cream, drop-caps and section numerals. For a heritage firm advising listed companies, family enterprises, sovereign clients.
Warm, editorial, magazine-styled. Terracotta and sage on cream, deckle edges, hand-drawn marks. For a small boutique firm whose clients are walking in on the worst week of their year.
Bold, brutalist, dossier-styled. Black with crimson and amber, mono labels, big chunky display type. For a firm whose homepage has to work in the panicked first hour of an arrest.
Each demo is a complete page in itself — hero, practice areas, attorneys, results, contact. This chart is a quick way to compare tone without scrolling all five at once.
| Axis | 01 · Whitfield | 02 · Pemberton & Lyle | 03 · Harrington & Whitlock | 04 · Marigold & Hart | 05 · Stark & Penhall |
|---|---|---|---|---|---|
| Tone | Minimal, refined | Dark editorial, prestigious | Restrained, heritage | Warm, empathetic | Urgent, surgical |
| Audience | Founders, boards, principal families | Sovereigns, multinationals, arbitration users | GCs, listed boards, family enterprises | People in the middle of a hard year | Accused persons & their families |
| Palette | Warm white · ink · olive | Black · cream · burgundy · brass | Navy · cream · gold | Terracotta · sage · cream | Black · crimson · amber |
| Display type | Instrument Serif + Inter | Cormorant Garamond + Inter | Fraunces (serif) | DM Serif Display | Archivo Black |
| Hero gesture | "Considered counsel, for the questions worth taking seriously." | "When the dispute travels, we travel with it." | "The firm boardrooms call before the press does." | "The hardest year shouldn't be the loneliest." | "Arrested? Don't speak. Call us." |
| Primary CTA | Request a private meeting | Engage counsel (confidential) | Engage counsel (confidential) | Free 30-min consultation | 24/7 emergency call |
| Locale | All five — Kenya. Nairobi base; Mombasa, Kisumu, Kigali, London referenced. KES, LSK, Article 49, ODPP, EACC, NSE, CMA, CAK, NCIA, LCIA, ICC, ICSID. | ||||
Five single-file HTML pages. No build step. Tailwind via CDN. Drop them on any host — Netlify, GitHub Pages, a USB stick — and they work.
All names, figures and case references are fictional. Once the client confirms a direction, copy is replaced with real firm details and silhouettes swapped for studio photography.
All five pages adapt down to mobile widths. The criminal-defence and arbitration tables horizontally scroll on narrow viewports; everything else reflows.
Pick a direction. We refine — narrowing palette, swapping copy for the real firm voice, adding real photography — and migrate to a Next.js codebase with CMS-driven content.