# lunour.com

Source: https://lunour.com/
Captured: 2026-10-27
Tags: agency, landing, dark, both, minimal, editorial, swiss, confident, premium, serious, calm
Colors: #1a191b, #edebe5, #4e4d4e, #8f8e8d, #b8b6b3, #717070, #d2d0cb, #f97d50
Type (h1): Zwizz · 70px/70px · 400 · tracking -2px — "BRAND MATTERS"
Type (h2): Inconsolata · 15px/19.5px · 400 · tracking 2px — "WHAT OUR CLIENTS SAY"
Type (h3): Recklessneue · 28px/38px · 100 — "We build brands for companies that"
Type (body): Zwizz · 16px/24px · 400 — "“I believe great design is a competitive advantage. Lunour's portfolio speaks fo"
Type (small): Inconsolata · 13px/17.55px · 400 — "Nate Cavanaugh"
Type (button): Zwizz · 15px/15px · 400 · tracking 0.15px — "Book a call"
Button: "Book a call" — fill #ff7d50, text #171717, radius 100px, border 1px, padding 3px 19px 0px 19px, height 32px, type 15px/400
Radii: 4px (58), 3px (10), 100px (2)

## Images

- Hero (desktop): https://media.lvly.design/library/lunour-com/hero.webp?v=48e31d49
- Page crop (mid-1): https://media.lvly.design/library/lunour-com/mid-1.webp?v=1a9dfbff
- Page crop (mid-2): https://media.lvly.design/library/lunour-com/mid-2.webp?v=b6de4ffb
- Hero (mobile): https://media.lvly.design/library/lunour-com/mobile-hero.webp?v=382abd74
- Full page (desktop): https://media.lvly.design/library/lunour-com/full.jpg?v=09e2402e
- Full page (mobile): https://media.lvly.design/library/lunour-com/mobile-full.jpg?v=795c45e9
- Clip preview (mp4): https://media.lvly.design/library/lunour-com/video-1w8z2b.preview.mp4?v=331447a3

A brand studio's home page built almost entirely out of near-black (#1a191b), warm bone type (#edebe5) and the work itself. The hero is the wordmark set edge to edge in Zwizz, a wide geometric grotesk, with one small coral pill as the only color on screen; a thin Reckless Neue serif line with a blinking-underscore cursor carries the pitch underneath. Below the client-logo row the page becomes a long, quiet index of case studies: each project is a monospace caption line ("Name  one-line description  [Coming soon]") over a horizontally bleeding row of 4px-radius image tiles, so the projects supply all the color and the chrome stays out of the way. Three type voices — grotesk display, hairline serif, Inconsolata mono — each have exactly one job.

## Steal-worthy details

- Wordmark as the hero headline — the logo set at ~250px in Zwizz across two-thirds of the width, nothing else competing
- Hairline serif subline (Reckless Neue weight 100, 28/38px) ending in a typed "_" cursor, a thin humane counterweight to the heavy grotesk
- One coral pill (#ff7d50 fill, #171717 text, 32px tall) beside a ghost pill with a 1px bone outline — the only saturated color above the fold, parked right-aligned on the wordmark's baseline
- Wide-tracked monospace nav (Inconsolata, uppercase, ~2px tracking) in mid-gray with only the active item in bone, no bar, no logo on the left
- Monospace caption lines as section headers: project name in bone, description and "[Coming soon]" bracket tags in gray, one line, no heading size at all
- Case-study rows that bleed off the right edge — three full tiles and the sliver of a fourth signal a horizontal scroll without any arrow UI
- Logo strip in pure white at equal optical size, spaced across the full width with no label or divider
- Testimonial trio in small body copy under a 15px mono "WHAT OUR CLIENTS SAY" label, kept deliberately quiet
- "BRAND MATTERS" set in a centered hairline display before the journal cards, a second big-type moment echoing the hero

## Style recipe

Dark, gallery-quiet studio aesthetic. Background #1a191b everywhere; primary type warm bone #edebe5, secondary grays #b8b6b3, #8f8e8d, #717070, hairlines and outlines #4e4d4e. Exactly one accent: coral #ff7d50 (palette also reads it as #f97d50), used on a single primary button and nowhere else — let imagery carry all other color. Three typefaces with strict roles: a wide geometric grotesk (Zwizz or similar, weight 400, -2px tracking, line-height 1.0) for display and buttons; a hairline serif (Reckless Neue weight 100, 28/38px) for the one-sentence pitch; a monospace (Inconsolata 13–15px, uppercase labels with 2px tracking) for nav, captions, metadata and section labels. Body 16/24px in the grotesk. Make the largest headline enormous (logo-scale, spanning most of the viewport width) and keep everything else small — no mid-size headings. Buttons are 32px-tall pills (radius 100px, 15px text, ~19px horizontal padding): primary solid coral with near-black #171717 text, secondary transparent with a 1px bone border. Media tiles and cards use a 4px radius (3px on small elements), no shadows, no borders. Label content with single mono caption lines (bone name, gray description, bracketed status tags) instead of headings. Let image rows overflow the right edge to imply horizontal scroll. Generous vertical rhythm (~120px between groups), left-aligned to a 32px page margin, no header bar.