code-anything.com
Log inStart free

Content

Editorial

Editorial is a portfolio template built for designers, photographers and creatives who want their work to read like a printed magazine. It pairs near-black ink on an off-white page with dramatic, oversized display-serif headlines and a strict typographic hierarchy. Asymmetric grids, restrained color and big imagery give selected work room to breathe.

Confident, gallery-quiet and unmistakably editorial — print sensibility on the web.

portfolio.code-anything.app
Portfolio of Selected WorksVol. IV · No. 03
Art DirectionEditorial DesignBrand SystemsLisbon · MMXXVI
Art Director & Editorial Designer — Booking Autumn 2026

Work that earns a second look.

Fig. 01 — In studio, Lisbon

I design printed matter, brands and the pages in between — for publishers, galleries and people making things slowly and on purpose. Currently taking on a small number of projects for autumn.Start a project →

§01

Selected Work

Four of twelve
  • 01

    Quietude Press

    Identity and book system for an independent publisher of slow, single-essay editions.

    2026Brand / EditorialView →
  • 02

    Marginalia

    A roving print and digital journal on type, archives and the things kept in margins.

    2025Art DirectionView →
  • 03

    Saltline

    A year of coastal frames, sequenced into a limited risograph monograph.

    2025PhotographyView →
  • 04

    Common Hours

    Wayfinding and a reading-room site for a member library housed in a former bank.

    2024Identity / WebView →
§02

Case Study

Quietude Press — 2026

A publisher of single-essay editions, rebuilt around one measured page.

Quietude prints one long essay a season. I drew a book system that could hold anything from field notes to philosophy — a single grid, two type sizes, and a spine that reads like a shelf when they sit together. The mark is a full stop, because every issue is a complete thought.

Role
Identity, book system, web
Format
Perfect-bound, 130 × 200 mm
Type
Fraunces & a custom mark
Recognition
D&AD Wood Pencil, 2026
§03

Colophon

On the practice

I treat a website like a printed page — measured, paced and quietly opinionated about whitespace.

For a decade I have worked between editorial design and brand, first in newsrooms and gallery studios, now independently. My work tends to be calm on the surface and stubborn underneath — built on grids, set in real type, and made to last longer than a trend cycle. I care most about the moment a reader slows down.

Years in practice10+
Projects shipped60+
Type awards3
§04

What I Do

Three ways in
S1

Art Direction

Concept, visual language and the editorial logic that holds a body of work together across pages and platforms.

S2

Brand & Identity

Marks, type systems and the small rules that let a brand stay recognisably itself as it grows.

S3

Print & Books

Layout, grids and production for catalogues, monographs and the occasional stubbornly physical object.

§05 — Colophon & ContactAvailable for Autumn 2026

Let’s make something worth keeping.

studio@inesvahl.com

Tell me a little about the project, the timeline, and what good would look like. I reply to every note within a couple of days.

Ines Vahl. — Studio© 2026 Ines Vahl — Set in Fraunces & Inter. Printed to screen on a paper canvas.

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Build the page on an off-white paper canvas with near-black ink, and keep the palette monochrome except for a single warm accent reserved for links, numerals and small emphasis.
  • Lead every section with an oversized display serif: set hero headlines at roughly 80-128px with tight -0.02em tracking and 0.95 line-height, then drop hard to 16-18px body, so the typographic scale jumps by at least 4x between levels.
  • Lay sections out asymmetrically on a 12-column grid — offset headings, let work spill to one edge, and avoid centering everything; tension between left-aligned type and full-bleed imagery is the point.
  • Be generous and disciplined with whitespace: pad primary sections to at least 120px vertically, cap measure at ~62 characters, and let empty space frame the work rather than filling it.
  • Keep corners nearly sharp (4px max), borders hairline and ink-colored, and use uppercase letter-spaced labels with small index numerals to signal an editorial, catalogued feel.

Ships with

Bold intro/heroSelected work gridCase studyAboutServicesContact

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Fraunces

Body

Inter

Radius

4px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.