Web experience

Northwind Editorial

A long-form editorial site built around reading rhythm, a strict grid, and typography that carries the story.

Role
Design & frontend development
Year
2025
Category
Web experience

This is a structural placeholder — not a real client or shipped product. It shows how a finished case study will be presented.

Web experience Placeholder

Overview

A reading-first layout where every measurement serves the text: a 12-column grid, a fluid type scale, and a single accent reserved for links and emphasis. The goal is a page that feels quiet at rest and precise in motion.

Process

  1. Structure

    Content modelled first — article, byline, and metadata — then the grid that holds them without friction.

  2. Type system

    A fluid scale with clamp(), tuned line heights, and measure limits so paragraphs stay comfortable at every width.

  3. Motion & polish

    Reveals tied to scroll position, reduced-motion fallbacks, and a final pass on contrast in both themes.

Outcome

A template for content-heavy pages that stays fast on mobile and legible in both light and dark reading modes. (Placeholder case study — no client is attached.)

Technologies

  • Astro
  • Tailwind CSS
  • TypeScript