UNIT WIDTH
Each grid unit measures 108 pixels, with 12-pixel gutters. Most blocks span 4-6 units; headlines burst.
MIRIS DEV — STUDIO —
A practice of neubrutalist luxury. Concrete formwork, never removed. Gold leaf, applied without apology. Punk zines pressed against lacquerware.
DOCTRINE
Every element earns its place. Whitespace is replaced by blackspace. The site whispers through material quality.
PRACTICE
Gold appears as repair, not decoration — kintsugi for the digital page.
— FILE 01
MANIFESTO
A BRUTALIST GALLERY,
LIT BY GOLD.
miris.dev is a studio working at the seam between exposed structure and precious surface. We treat a page like a concrete room: we leave the formwork visible, the rebar exposed, the seams unfilled. Then we lay gold along the cracks, and only the cracks.
The result is a site that is simultaneously unfinished and exquisite — a luxurious interior framed within raw formwork that was never removed. We work in two grotesks and one gold. We refuse rounded corners. We refuse drop shadows. We refuse the soft focus of contemporary marketing.
"Material quality, not volume.
— Studio Note, 1979 / 2026
Restraint, not whisper.
Gold, where it belongs."
- 01. Border Boxing. 4px solid gold rules. No radius. No shadow. Sometimes only three sides — completion is optional.
- 02. Overlap Zones. Sections collide at their seams. The new emerges from beneath the old, never alongside it.
- 03. Micro-Rotations. One to three degrees, applied sparingly. Enough to break the press, never enough to feel whimsical.
- 04. Voids as Caesura. 160-240px of pure black between movements. Silence is composition.
— FILE 02
CORRIDOR
THE GOLDEN
CORRIDOR.
A 720-pixel column, dead-centered in a viewport-filling black field. This is the only zone where content appears. Inside it: a six-unit micro-grid, twelve-pixel gutters, and the permission to break out of the column by up to 120 pixels — a calculated burst against the margin.
VERT. RHYTHM
Eight-pixel baseline. Section breaks at 160-240px — caesurae of pure black between movements.
BURST ZONE
Headlines may exceed the column by ±120px, colliding with the black margin. Subverted symmetry.
— FILE 03
ASSEMBLAGE
COLLAGE,
CUT IN GOLD.
Imagery as collage: layered fragments that read like a punk zine, but assembled in luxury materials. Halftone faces in gold-on-black. Torn paper edges, rendered as clip-paths. Hard geometric overlays cite constructivist poster design. Targets, dot-grids, hatch fields.
PLATE 03
— GOLD ON BLACK —
M / 026
— FILE 04
ALLOY
THREE GOLDS.
ONE BLACK.
A strict three-tier gold system, each register with a defined functional role. Antique for structure. Pale for emphasis. Bright for the single most important element on screen at any given moment — never more than one at a time.
#0A0A0A
Obsidian
Primary background
#1A1A1A
Charcoal
Secondary background
#D4A017
Antique Gold
Borders / structure
#F0D88A
Pale Gold
Highlight / hover
#FFD700
Bright Gold
Single focus only
#F5F0E8
Warm White
Primary text
#B8A88A
Muted Cream
Secondary text
#8B7536
Dark Gold
Border / rule
#C47A2B
Burnished Copper
Alert / emphasis
TYPE — GROTESK PRECISION
DISPLAY / Space Grotesk · 700 · 0.08em
A G & 0 1 9
BODY / Inter · 400 · 1.65
A capable grotesque is the lever that moves the room.
META / JetBrains Mono · 400 · 12-14px
FOLIO 03 / 026 / GOLD-ON-BLACK
— FILE 05
ARCHIVE
SELECTED FOLIOS.
Notes, plates, and field studies. Each folio is a small composition in the same alloy: gold on black, halftone on hatch, structure clothed in precious metal.
-
F · 026
On the Persistence of Formwork
A note on why concrete pour-marks should be preserved as ornament — and how the same logic applies to the seams of a CSS grid.
-
F · 027
Halftone as Restraint
Six halftone studies translating photographic portraits into Ben-Day dot fields rendered exclusively in antique gold.
-
F · 028
Three Springs
A taxonomy of spring curves with overshoot. When does a transition stop being motion and start being weight?
-
F · 029
Kintsugi for the Page
On gold-leaf repair as an interaction model: the cracks in your layout are the only places worth ornament.
— FILE 06
IMPRINT
CONTACT.
STAMP. RECEIVE.
STUDIO
miris.dev
Carrer dels Tallers, 24
Barcelona / Eixample
N · 41°24' / E · 02°09'