Freelance studio · Editorial web

Design-led websites for independent brands.

Midnight Office partners with founders and small teams who need a site that reads as carefully as their work — structured, fast, and unmistakably theirs.

Why work with us

From scattered presence to a site that holds together.

Problem

Your current site reads like a template — interchangeable sections, no point of view.

Outcome

A feed layout with alternating bands that tells a story as visitors scroll.

Problem

Copy and visuals fight each other; nothing shares the same grid.

Outcome

Swiss structure: one container, one type scale, ghost cards that stay out of the way.

Problem

Dark mode was toggled on but never designed; text disappears on half the page.

Outcome

Token-driven colour in both schemes, tested for contrast on every section.

Selected work

Projects shaped with editorial restraint.

Brand & web

Atlas Workspace

A editorial site and identity system for a fictional co-working collective — cement tones, orange accents, and a feed layout that reads like a daily brief.

View case study

Publishing

Meridian Journal

Digital home for a placeholder publishing imprint: long-form articles, dense index pages, and a typographic system tuned for evening reading.

View case study

Identity

Forma Bureau

Visual identity and marketing site for a fictional design bureau — swatch-led art direction, ghost cards, and alternating project bands.

View case study

How it works

A six-week path from brief to launch.

Structured for independent teams who need one partner across design and front-end build.

  1. 01

    Discovery call

    Week 1

    We map goals, constraints, and existing assets in a single working session.

  2. 02

    Structure & type

    Week 2

    Wireframes and a typographic system you can preview in the browser before visual design.

  3. 03

    Design & build

    Weeks 3–5

    Components in Astro, content in markdown, images optimized to their slots.

  4. 04

    Launch & handoff

    Week 6

    Deployment checklist, README updates, and a recorded walkthrough for your team.

Client notes

Proof from teams who needed clarity, not noise.

The site finally matches how we talk in meetings — direct, structured, and never louder than the work on the page.

Elena VossCreative director, Northwind Collective

We needed someone who could ship without a CMS and still leave us a system we understand. The handoff docs were as clear as the design.

Marcus HaleFounder, Studio Lumen

Every section aligns. That sounds small until you have compared twelve templates where each hero invents its own gutter.

Priya NairMarketing lead, Forma Bureau

Contact

Tell us what you are building.

Share a brief outline of your timeline, scope, and what a successful launch looks like. We reply within two working days.

Ready when you are.

Start a project