Supergraphics

What is Supergraphics?

Supergraphics use oversized letters, stripes, arrows, and geometric shapes to transform architectural space. They may cross corners, wrap surfaces, or make a modest room feel spatially different. The approach is associated with environmental graphics rather than merely enlarged poster design. Barbara Stauffacher Solomon’s work at The Sea Ranch is a defining reference. Its useful contemporary lesson is that graphics can guide movement, identify places, and create a memorable spatial rhythm with relatively simple means, provided their relationship to the building and the visitor is considered.

The story

At The Sea Ranch in the mid-1960s, graphic design met architecture and landscape in a coordinated identity. Solomon brought the clarity of Swiss typography into a much larger physical setting. The approach subsequently influenced interiors, exhibitions, wayfinding, and large-scale brand environments.

How do you recognise Supergraphics?

• Letters and shapes larger than human scale
• Graphics crossing architectural edges
• Bold flat colour
• Strong relationships between signs, movement, and space

Colour, type, layout and material

• #E84932
• #264B96
• #F2EEE4
• #202521

Typography. Use robust, recognisable letterforms with carefully tested viewing distances. Preserve essential signage conventions and avoid cropping information people need to navigate safely.

Composition. Extend a small number of shapes across real surfaces. Use sightlines and thresholds to control when a visitor sees the whole graphic or only a fragment.

Materials. Paint, vinyl, signage panels, plywood, and architecture itself become the medium. Durable finish, maintenance, and surface junctions matter as much as the graphic artwork.

Why does Supergraphics work?

Large landmarks can support orientation and memory when their location and meaning are consistent. Scale can also overwhelm or confuse. These are practical hypotheses to test through movement and wayfinding tasks, not guarantees that bigger graphics always improve comprehension.

The principle. Design with the room, not on top of it. Let corners, openings, and sightlines determine where a graphic expands, turns, or stops. A small vocabulary becomes powerful when its scale and placement change how a visitor understands the space.

Where it was used

Moonraker Athletic Center supergraphics, The Sea Ranch, Barbara Stauffacher Solomon, 1965. Large painted graphics enlivened the changing-room interiors and demonstrated how a restrained graphic vocabulary could transform architectural scale.

• Wayfinding and environmental identity
• Exhibitions and workplaces
• Large-scale editorial headings

What to avoid

• Enlarging type without considering space
• Cropping essential wayfinding information
• Treating every wall as advertising inventory

Try it: a short exercise

Photograph a room from three approach directions. Design one graphic that changes as a visitor moves through those views. Test a paper mock-up at human scale before refining colour or type.

How do you prompt for Supergraphics?

These prompts ask for an original piece informed by the style, not a copy of any work. Replace the words in square brackets.

For an image or visual design

Create an original supergraphics interpretation of [SUBJECT] for [AUDIENCE] in [FORMAT]. Create an architectural interior with one oversized geometric graphic that wraps a corner and responds to a doorway. Use two flat colours and strong negative space. Show human scale and a clear wayfinding role, not a wall covered in unrelated decoration. Use the palette as a starting point: #E84932, #264B96, #F2EEE4, #202521. Establish one unmistakable focal point, a deliberate hierarchy, and enough quiet space for the subject. Show evidence of a specific creative decision rather than applying a generic style filter. Use only supplied wording; leave clean typesetting space if text cannot be rendered accurately. Do not reproduce a named artwork, logo, designer signature, or protected character. Deliver a coherent finished composition and a brief explanation of the choices. Preserve the cultural context rather than turning it into decorative shorthand.

For an interface

Build a responsive interface for [SUBJECT], serving [AUDIENCE], in [FORMAT], translating principles from supergraphics into contemporary UI. Use oversized section numerals and strong colour fields to establish page landmarks, while keeping navigation labels fully visible. Translate spatial rhythm into responsive sections; prevent large typography from causing horizontal scrolling or covering controls. Use real content, semantic HTML, a logical heading structure, and visible text labels. Keep the DOM reading order meaningful on mobile. Provide keyboard navigation, visible focus, generous hit areas, clear selected and error states, and sufficient text contrast. Honour prefers-reduced-motion; animation must communicate an interaction rather than obstruct reading. Preserve working navigation and forms. Treat this as a present-day translation, not a claim that the historical practice originated in software. Explain the main stylistic decisions and identify where usability required adaptation.

Lineage

Draws on: Swiss / International Typographic Style, Pop Art.

Sources

1. SFMOMA: Supergraphics! Going Big Together
2. SFMOMA: The Sea Ranch