Year

Project

Ballroom Marfa

Client

Ballroom Marfa

Marfa

Collaborator

  • Wkshps

Type

  • Web

Case study

Ballroom Marfa being a unique destination as much as an art space, inspiration for the design of their website ultimately came from the building itself — a former dancehall from the 1920s with a subtly multilayered white façade.

This layering is present in the virtual physicality of the website — the homepage on the left, then a “raised” central navigation bar/information area (with depressions indicating content hierarchy), and finally the content of the site on the right. All of which easily navigable through awareness of the spacial presence of these elements.

Just as the “real” façade appears to shift in color depending on the desert sky, so too does the website, with each individual program page taking on the hues of its images via JavaScript image processing.

Also unique to the building is the hand-crafted typography of its sign. Taking inspiration from it, it was extrapolated into a full character set for both text and display, made available as an open source font, and used throughout the site.

1
Walkthrough
Ballroom Marfa façade, Marfa, Texas
2
Ballroom Marfa façade, Marfa, Texas
Homepage
3
Homepage
Marfa Sans Text typeface
4
Marfa Sans Text typeface
Programs
5
Programs
Marfa Sans Display typeface
6
Marfa Sans Display typeface
Program
7
Program
Prada Marfa
8
Prada Marfa
Stone Circle
9
Stone Circle
Newsroom
10
Newsroom
Mobile
11
Mobile