Llonch+Vidalle

Architecture practice

A survey, not a redesign. The mark was measured off the studio's own work and rebuilt as geometry, then the system was drawn around it.

Mark

  • Survey and measurement
  • Vector reconstruction
  • Clear space and reduction
  • Lockups

System

  • Colour specification
  • Three typeface system
  • Twelve column grid
  • Iconography

Motion

  • Construction sequence
  • House curve
  • Reduced motion behaviour

Applications

  • Editorial layout
  • Interface components
  • Drawing title block
  • Stationery
The LLV lockup set in white on a black ground, the three letterforms at left and LLONCH+VIDALLE set beside them.

The practice is bi national by construction, not by translation. Two offices, two languages, and a body of work presented almost without commentary, which is what the system had to frame rather than explain.

This record is a self initiated proposal, not a commissioned engagement. It was built entirely from public material and it has not been adopted by the practice. Everything shown is the studio's own drawing: the mark survey, the type and colour systems, the grid and the motion spec. The practice's own photography is not reproduced here.

The mark sheet: LLV drawn at size with the wordmark beneath it, the construction note explaining the leaning V, and the minimum sizes for screen and print.
The mark, surveyed and rebuilt as geometry rather than set as type
The LLV mark reversed in white out of a solid field of minio red, filling the frame with nothing else on it.
The mark on minio
The colour specification: stacked full width bands, each carrying its name, hex, CMYK and Pantone reference.
Colour, specified to print
The type sheet: Oswald, Archivo and IBM Plex Mono named at left, with the three display weights set large beside them.
Three faces, one voice
Twelve drawn icons on a pale ground, each captioned in Spanish: site, sketch, plan, structure, work, house, building, model, detail, dimension, studio, terrain.
An icon per artifact the practice actually produces
The editorial grid: a twelve column diagram with its gutters marked, and the column, baseline and margin measurements listed beside it.
Twelve columns on an eight point baseline
The motion storyboard: five frames from a single stroke to the finished lockup, with the timing track, the easing curve and the reduced motion note below.
The logotype is not revealed, it is built
A process diagram on ink: the survey, the reconstruction and the system set out as labelled stages.
The process, stated as stages rather than described
The project data sheet: surface, programme, year and location set as a dense run of labelled figures.
Every project reduced to the same handful of facts
The comparison component: the site before at grade C beside the LLV project at A plus, each with its surface, interior light and courtyard count.
Before and after, on the same scale
The interface components drawn on ink: fields, toggles, tables and the states each one carries.
Interface components, drawn to the same grid as the print
The navigation system: the index, the project list and the filters, shown as a single vertical sheet.
Navigation, as one sheet
The instrument: a circular gauge reading 820 in minio on ink, with its scale and labels around it.
The instrument, for readings that need a dial
The site shown across a laptop, a phone and a tablet laid on a pale ground, each carrying a different page of the system.
The system, across devices
A walk through the site: the project hero, the index rows, a detail page and the 404, shown as a run of frames.
A walk through the site, including the page nobody designs
The building plaque: the mark and the practice name set on a small metal plate, with its fixing detail.
The plaque that stays after the hoarding comes down
Workwear and objects: three items carrying the mark, each captioned with its material and placement.
Things that go to site

About this record

Everything above is delivered material, taken from the project files: the guidelines, the website, the product screens and the campaign work. Written notes on the decisions behind it will be added once the record is complete.

All work
Next projectBrello