Design GuideOne brand to hold twelve brands.
The twelve sites in this portfolio are deliberately loud individualists. The gallery's job is the opposite: be unmistakably Laimen, stay out of their way, and make the range legible. Here's the system.
Ivory, ink, and one loud orange.
The Laimen system allows exactly one bright accent. Orange does the pointing; peach and gold are highlighter tints, not colors with opinions. Everything else is warm ivory and near-black ink.
Warm Ivory
hsl(42 44% 92%)
Near-black Ink
hsl(28 11% 9%)
Brand Orange
hsl(18 88% 51%)
Peach Marker
hsl(27 94% 82%)
Gold Marker
hsl(41 92% 79%)
Heavy grotesk, mono labels.
Hanken Grotesk at 800–900 for headlines, regular for body. It reads like someone confident saying something plainly.
JetBrains Mono for every label, tag, and button. Always uppercase, always letterspaced. The mono is the voice of the machine doing the work; the grotesk is the human explaining it.
Twelve websites. Zero templates.
- Hard shadows: 4px offset, zero blur, pure ink.
- Marker highlights: peach or gold behind 1–2 key words, never more.
- Stripe bar: orange-peach-gold-ink band under the nav and above the footer.
- Left-aligned heroes: centered heroes are banned in this house.
Showing range without becoming noise.
Twelve wildly different thumbnails could easily read as chaos. Three decisions keep it coherent:
The frame is neutral
Every site card uses the same hard-border, hard-shadow frame. The twelve brands supply all the color; the gallery supplies none of it. Like white gallery walls, but brutalist.
Industry as wayfinding
Sites are grouped under numbered industry headers with a short orange rule. A prospect lands, finds their industry, and sees exactly two competing visions built for it.
Technique made legible
Each card names its fonts and its signature technique in mono. The claim isn't 'this looks nice.' It's 'we built a Web Audio synthesizer into a marketing page,' stated plainly.
The twelve, on one page.
| Site | Industry | Signature technique |
|---|---|---|
| Meridian Tower | Commercial Real Estate | Scroll-driven 3D building massing · Fraunces + IBM Plex Mono |
| Harborline Capital | Commercial Real Estate | Canvas particle skyline with scroll fly-through · Bodoni Moda + Inter |
| Northbound Mutual | Insurance | Squishy claymation 3D blobs with spring physics · Bricolage Grotesque + Nunito Sans |
| Ledger & Lyle | Insurance | Hand-built animated data-viz in glass panels · Space Grotesk + IBM Plex Sans |
| Cadence Voice | Voice AI / Fintech | Web Audio synthesis driving a real-time voiceprint · Unbounded + Sora |
| Ledgerline Pay | Fintech | Kinetic typography + CSS 3D card stacks · Archivo Black + Archivo |
| Flatwater Collective | Nonprofit | Parallax terrain layers + draw-on line art · Lora + Karla |
| Giant Abroad Fund | Nonprofit | Interactive 3D globe with project pins · Newsreader + Archivo Narrow |
| Casa Lumen | Hospitality | CSS cinemagraphs, film grain, drifting light leaks · Cormorant Garamond + Jost |
| Nightjar Social Club | Hospitality | Hand-rolled fractal smoke + misbehaving neon · DM Serif Display + Space Mono |
| Ridgeline Surgical | Medical / Surgeons | Wireframe 3D surgical planning scene · Libre Franklin + Inter |
| Halcyon Aesthetic & Surgical | Medical / Surgeons | Liquid-morph metaball canvas, arch motif · Marcellus + Outfit |