Contribute Comment
Build

Mod

Concentric targets, bold stripes, flat colour fields, rounded bubble type

A poster language, not a layout language

Build with it

A starting grammar for a website in Mod: flat primary fields with hard edges, the target and the stripe as the only motifs, heavy rounded capitals, and every page unit treated as a poster rather than a column of text.

Web translation marks our choices for the screen. Not specified by the source marks what the sources leave open. Everything else is a rule from the record below.

The same system is in the brief (Build → Brief) and in the structured data.

Colour

  • ground#FFFFFF
  • ink#111111
  • red#D7262B
  • blue#1D3F9A
  • yellow#F6C700

Flat fields, hard stops. Yellow is a field, never text.

The rules behind it
  • From our catalogue entryUse a small primary palette in flat, unmodulated fields. From our catalogue entry (colour)
  • Our readingNo gradient or grain between colours. From our reading
  • Web translationRed, blue and white carry the target; yellow is a field, never text. The roundel and flag are the documented emblems; yellow on white fails contrast. From a documented finding (imagery), our catalogue entry (colour)

Typography

Rubik carries the reading: rounded terminals at body size, heavy for labels.

The rules behind it
  • From our catalogue entrySet display in a heavy, rounded, blobby custom display class. From our catalogue entry (typography)
  • Web translationChango for display, Rubik for body. Chango is heavy and circular in the way the record describes; Rubik keeps the rounded terminals at reading sizes. Both are our choice. From our catalogue entry (typography), the typography record
  • Web translationMake the lettering the thing the eye travels to: large, and allowed to overfill its frame. The documented title movement zooms toward the lettering until the words overfill the screen. From a documented finding (motion)

Layout

A run of posters, one statement each, a 10px rule between.

The rules behind it
  • From our catalogue entryCompose with concentric targets and stripes. From our catalogue entry (layout)
  • Our readingRank by concentric position: the target centre leads. From our reading (hierarchy)
  • Web translationBreak a long page into full-width posters separated by a heavy ink rule. It is a poster language and does not survive organising a long page, so the page becomes a sequence of posters. From our reading, our catalogue entry
  • Not specified by the sourceThe sources do not specify a column system. Do not impose a 12-column grid; if a page needs one, state it as a decision.

Shape

Square corners, one curve, stripes with hard stops.

The rules behind it
  • From our catalogue entryTarget, stripe and hard edge. From our catalogue entry
  • Our readingNo soft edges. From our reading
  • Our readingNo depth or shadow. From our reading
  • Web translationThe circle is the only curve; every other corner is square. The target is the motif; everything else is flat field and hard edge. From our catalogue entry (layout), our catalogue entry

Imagery

The target printed on goods; texture only as pasted print.

The rules behind it
  • DocumentedThe emblems are appropriated national symbols: the Union Flag and the RAF roundel. From a documented finding (imagery)
  • DocumentedThe target was printed on goods as surface decoration, not as three-dimensional form. From a documented finding (imagery), a documented finding (form)
  • DocumentedWhere there is texture, it is pasted print: torn type and photographs layered like posters. From a documented finding (surface)
  • Web translationDraw the target and the flag as flat marks; do not present them as facts about the subculture. The marks were Pop imagery sold as mod, and the roundel's meaning is contested. From a documented finding, a documented finding (imagery)

Components

The sources do not specify interface conventions for Mod. These four are contemporary translations of its visual rules.

The rules behind it
  • Web translationFill the button with one flat primary and edge it in ink; no gradient, no shadow. Flat primary fields and the hard edge are the record's colour and surface rules; the lozenge is our screen form. From our catalogue entry (colour), our catalogue entry, our reading
  • Web translationGive the button fully round ends. The display class is blobby and circular, and the circle is the language's one curve. From our catalogue entry (typography), our catalogue entry (layout)
  • Web translationMake each card a poster: one flat field, one statement. A poster language, not a layout language: each unit carries one thing at poster scale. From our catalogue entry, our reading
  • Web translationKeep every edge hard: no radius on the frame, no soft edge between colours. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From our catalogue entry, our reading
  • Web translationDraw the field as a flat white box with a hard ink edge. Flat fields and hard edges, the record's surface rule, applied to entry. From our catalogue entry, our catalogue entry (colour)
  • Web translationMark the current page with a target: the centre leads. Rank by concentric position; the target is the language's first motif. From our reading (hierarchy), our catalogue entry (layout)

Motion

Rings expand from the centre once. Nothing eases, nothing loops.

The rules behind it
  • Web translationRotation and concentric expansion; nothing that introduces depth or easing softness. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From our reading (motion)
  • Web translationA title may arrive as a staggered zoom toward its lettering, once, in steps. The documented Ready Steady Go! movement is a staggered zoom toward the lettering; on a page it plays once and never loops. From a documented finding (motion)

Which Mod

Carnaby Street goods and Ready Steady Go! graphics, about 1964–67.

Not specified by the source The early subculture's own graphic language: its record is dress, music and scooters.

The rules behind it
  • DocumentedThe marks were Pop imagery before they were mod; build the Carnaby Street and Ready Steady Go! register. From a documented finding
  • DocumentedNot Pop Art: Mod is that imagery applied to goods and television graphics for young consumers. From a documented finding

The record

Research
Partly sourced
Build guidance
Recorded in 6 of 8 research dimensions
Rules
26 with their basis
Origin
From a scene
Also called
Swinging Sixties, Carnaby, op-art fashion
Feel
playful

What it argues

Sharpness is the whole point.

A small number of flat colours in crisp geometric relationships, executed cleanly, signals modernity and youth without needing ornament or texture to carry it.

What it costs: Depth, Warmth, Working at any scale but poster scale.

It refuses

gradient, ornament and any softness in the edge between two colours; its texture, where it has one, is pasted print.

How you recognise it

Flat unmodulated colour fields in a small primary-weighted palette, organised by concentric targets and bold stripes with hard edges and no grain or modelling, carrying heavy rounded bubble display lettering.

The diagnostic condition is flatness plus geometric repetition at poster scale: it is a poster language, not a layout language, and it does not survive being asked to organise a long page.

Memphis puts unrelated shapes together with no compositional relationship; this is tightly ordered and repetitive. Op Art uses the same geometry for optical effect rather than for graphic snap.

Where it comes from. The graphic marks were Pop imagery before they were mod. The RAF roundel appears in Pop Art (Jasper Johns, Peter Blake) and only subsequently came to symbolise mods and the mod revival; by about 1966 'mod' had become an adjective for bold graphic clothing and goods made for young consumers, such as the target designs sold in Carnaby Street boutiques. Documented · Source attached

Seen in the work

Drawn here flat, from what the sources describe; none is a reproduction.

Documented · Source attachedReady Steady Go! titles, late 1963. The documented movement is a staggered zoom towards the lettering, accelerating with the music until the words overfill the screen.
Documented · Source attachedReady Steady Go! sets, from 1964. The Ready Steady Go! studio sets were collages of typographic and photographic fragments torn from newspapers and pop magazines. The set flats were painted black and white with signal red as the one exception.
Documented · Source attachedPop design goods, c. 1965–68. Mod motifs were applied to three-dimensional goods (mugs, dishes, coasters, cardboard clocks) as surface decoration, not as three-dimensional organisation.

What carries the look

0 Elements linked. No Element is linked to this Aesthetic yet. Each row still opens its gallery.

Typographycarries the lookPage set in Chango + Rubik.
Colorcarries the look
  • #D7262B
  • #1D3F9A
  • #F6C700
  • #FFFFFF
  • #111111

as built

CompositionNothing linked yet
ImageryNothing linked yet
SurfacesNothing linked yet
MotionThe page moves once: the hero’s rings expand from the centre, and stay still under reduced motion.
Motifs & SymbolsNothing linked yet
TechniquesNothing linked yet

Rules 26

By area, each labelled with what kind of claim it is.

  • Layout

    From our catalogue entry

    Composition: concentric targets, stripes.

  • Typography

    From our catalogue entry

    Typography: display custom, blobby/circular, heavy.

  • Color

    From our catalogue entry

    Colour: primary, flat fields.

  • Imagery

    Documented · Source attached

    Mod emblems include appropriated national symbols such as the Union Flag and the RAF roundel.

  • Imagery, again

    Documented · Source attached

    The roundel/target entered as Pop-art imagery (Jasper Johns, Peter Blake). Its attachment to mods came afterwards, through the Who, and it later became the emblem of the mod revival.

  • Imagery, again

    Documented · Source attached

    In mid-1960s British Pop design, Paul Clark used the target on mugs, dishes and coasters; with the Union Jack, the target fitted the mid-sixties trend for design derived from Op art and hard-edge abstraction.

  • Imagery, again

    Documented · Source attached

    Pete Townshend wore the first Union Jack jacket in 1965, which Artforum calls an Op art coup; the Union Jack immediately became iconic attire.

  • Imagery, again

    Documented · Source attached

    'Mod' stopped naming a subculture and became an adjective for bold, graphic clothing and goods for young consumers; placing the imagery in that phase is Aesthetary's reading.

  • Imagery, again

    Documented · Source attached

    The roundel's meaning in pop-music history is contested; a scholarly study treats it as a battle of competing mythologies.

  • Surface

    Documented · Source attached

    At the level of the subculture's objects, the surfaces documented are gleaming chrome and customised two-tone and candyflake scooter paint.

  • Surface, again

    Documented · Source attached

    1960s youth fashion exploited new man-made materials (plastics, synthetic fibres).

  • Surface, again

    Documented · Source attached

    The Ready Steady Go! studio sets were collages of typographic and photographic fragments torn from newspapers and pop magazines.

  • Surface, again

    Documented · Source attached

    The set designer deliberately sought a surface and texture that evoked Pop, leaning on typographic samples to get it.

  • Surface, again

    Documented · Source attached

    The collage surfaces were layered week on week, pasted over each other like posters on a hoarding.

  • Surface, again

    Documented · Source attached

    The set flats were painted black and white with signal red as the one exception.

  • Motion

    Our reading

    Rotation and concentric expansion. Nothing that introduces depth or easing softness.

  • Motion, again

    Documented · Source attached

    Ready Steady Go!, whose most avid followers were mods, used a title sequence crudely animated with a rostrum bench camera to Manfred Mann's '5,4,3,2,1' (late 1963).

  • Motion, again

    Documented · Source attached

    The documented movement is a staggered zoom towards the lettering, accelerating with the music until the words overfill the screen.

  • Motion, again

    Documented · Source attached

    A 1964 sequence moves the camera into circular Op-art forms (a pair of round sunglasses) that become a new surface for successive images.

  • Motion, again

    Documented · Source attached

    The early Ready Steady Go! sequences celebrated surface through archetypal pop symbols such as the target; a later sequence introduced a more hallucinatory vision.

  • Technique

    Documented · Source attached

    Paul Clark silk-screen printed Pop decoration onto cheap, mass-produced goods, popular in Carnaby Street boutiques such as Gear.

  • Technique, again

    Documented · Source attached

    Customisation (repainting and over-accessorising scooters) is the subculture's own documented making practice.

  • Form

    Documented · Source attached

    Mod motifs were applied to three-dimensional goods (mugs, dishes, coasters, cardboard clocks) as surface decoration, not as three-dimensional organisation.

  • Form, again

    Documented · Source attached

    The subculture's defining 3D object is the Italian scooter, prized for clean-lined curving shapes and customised with many mirrors.

  • Hierarchy

    Our reading

    Rank by concentric position — the target centre leads. Radial rather than vertical, which is the interesting problem.

  • Form / motif / surface / technique

    From our catalogue entry

    Form / motif / surface / technique: target, stripe, hard edge.

Ruled out, or left open by the sources

  • Interface

    Not specified by the source

    The sources do not specify this area; a translation may follow.

What stands behind it

Partly sourced. 9 sources attached.

Build guidance: recorded in 6 of 8 research dimensions. It says what usable material is recorded, never how well it is evidenced.

No source attached: Argument, Recognition test.

Not researched yet: Summary, Overall positions by area, Ornament and contrast scales, Moving it to screen, Source notes.

Neither is a free hand: an area research has not reached is not permission to decide on the language’s behalf.

Scope: The British Pop graphic goods and television graphics of about 1964–67 that were sold and described as 'mod' (Carnaby Street boutiques, the Ready Steady Go! title sequences), when 'mod' became an adjective for bold graphic goods for young consumers; the RAF-roundel target, a Pop Art image, later became the emblem of mods and the mod revival. The late-1950s subculture is evidenced through dress, music and scooters, not through this graphic language.

  1. Specified Imagery, Motion
  2. Specified · From our catalogue entry Composition, Typography, Colour
  3. Specified · Our reading Hierarchy
  4. Not specified by the source Density
  5. Not specified by the source: form · Specified: motif, surface, technique Form / motif / surface / technique
The same ledger as the table below, ranked by concentric position: the firmest evidence at the centre, the least firm at the rim.
Research dimensionEvidenceCarries guidance
CompositionSpecified · From our catalogue entryyes
TypographySpecified · From our catalogue entryyes
HierarchySpecified · Our readingyes
ColourSpecified · From our catalogue entryyes
DensityNot specified by the sourceno
ImagerySpecifiedyes
Form / motif / surface / techniqueNot specified by the source: form · Specified: motif, surface, techniqueyes
MotionSpecifiedyes

Often confused with

  • Op Art

    Influence

    Graphic snap versus optical vibration.

  • Memphis

    Aesthetic

    Ordered repetition versus deliberate arbitrariness. Both use bright flat shapes; Memphis makes them disagree.

  • Pop Art

    Aesthetic · Documented · Source attached

    Not Pop Art: Pop Art is the art movement whose imagery (the target, the flag) Mod took up; Mod is the application of that imagery to goods and television graphics for young consumers, sold as 'mod'.

Use it

For machines: data/v1/mod.json prompt/mod.md

Suggest a correction to Mod Request deeper research

Contribute

Contributing and commenting need JavaScript. Nothing else on this page does.

Work made in this style: a poster, a page, a type setting. Every submission is reviewed before it appears.

Comments

Feedback