Contribute Comment
Build

Visual language

Streamline Moderne

Horizontal speed lines, rounded corners, curved forms, white stucco and metal trim

Moderne aerodynamic deco 1930s streamline

01 Rank is a position, not a size

On every line of this page the leftmost item leads. The headings share one size, the body shares one size, and what matters most on a line is simply first into the air; everything after it sits deeper in the slipstream.

02 Three neighbours, three axes

Three neighbouring Aesthetics, one after another, and each takes an axis: Art Deco runs vertical, this page runs horizontal, Googie runs diagonal. The same content, drawn three times; only the axis changes.

  1. 01 Vertical Art Deco · a proposed relation

    Stepped setbacks on a centre axis, rising. One setback is enough to hand the page back to Art Deco.

    Open Art Deco
  2. 02 Horizontal Streamline Moderne · this page

    The same content in one continuous run, every corner rounded, the speed lines passing straight through it.

  3. 03 Diagonal Googie · the neighbour

    The same content tilted, lifting like an upswept roof. The tilt is our reading of Googie, and it is enough to hand the page over.

    Open Googie

Documented · the marks it repeats

  • Speed lines. Bands of horizontal piping or grooves, on buildings, cars and small objects.

  • Porthole. Nautical details recur; in France the style was called paquebot, ocean-liner style.

  • Railing. Ship-like tubular railings, curving round the corner with the wall.

  • Metal trim. Borders are bands of aluminium, stainless steel or chrome, not ornamental frames.

Where it parts from Art Deco

“Curves where the parent has steps; aerodynamic rather than ziggurat”

Kept off this page

No stepped or faceted geometry No vertical emphasis No sharp corners No applied ornament No diagonal lift

Build with it

A starting grammar for a website in Streamline Moderne: one horizontal run, every corner rounded, speed-line bands and thin metal trim on a pale ground, rank read from the left, and motion shown in the lines rather than performed.

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#F4EDDF
  • ink#232930
  • petrol#155263
  • trim#5A646E

A pale wall; chrome only in the bands and edges.

The rules behind it
  • DocumentedThe ground is a smooth wall, often white. From a documented finding (colour)
  • DocumentedChrome, aluminium and stainless steel are materials for trim and bands. From a documented finding (surface)
  • Web translationUse chrome as line work only, never as the palette. The research treats chrome as a material, so it draws the bands and edges and leaves the ground to the wall colour. From a documented finding (surface), a documented finding (interface)
  • Not specified by the sourceThe sources do not specify a palette beyond the wall colour. The ink and the one petrol accent are this page's choice; state any accent as yours. From our reading (typography)

Typography

Harbour Café

Name plate

Sentences stay calm and open, at one size. The widened capitals are for names and labels only.

The rules behind it
  • DocumentedStorefront signs were built of individual letters, often in a contemporary sans-serif. From a documented finding (typography)
  • Web translationSet display type in a geometric sans in capitals, widened and tracked so the word runs sideways. A contemporary sans after the storefront letters, stretched to follow the horizontal run. From a documented finding (typography), a documented finding (form)
  • Web translationKeep headings at one size; rank comes from position, not scale. Rank by position along the run. From our reading (hierarchy)
  • Not specified by the sourceThe sources do not specify body type. Any calm sans works for sentences; the widened capitals are for names and labels only. From our reading (typography)

Layout

One horizontal run. Later items step right; nothing ranks by size.

The rules behind it
  • From our catalogue entryComposition is horizontal speed lines and curved forms. From our catalogue entry (layout)
  • Documented · Source not yet verifiedHorizontal continuity dominates the form. From a documented finding (form)
  • Our readingRank by position along the horizontal run: the leftmost leads. From our reading (hierarchy)
  • Web translationDivide sections with a full-width band of three parallel lines, the middle one heavier. Speed lines are bands of horizontal piping or grooves; on a page they are the dividers. From a documented finding (motif), our catalogue entry (layout)
  • Web translationStep each later item one unit to the right instead of stacking it flush. Leftmost leads; what follows sits deeper along the run. From our reading (hierarchy)
  • Not specified by the sourceDensity is not specified by the source. Leave open air to the right of the run; do not claim a density rule.

Shape

capsule panel square: a boxy variant, not this

Every corner rounded; trim is a thin metal line.

The rules behind it
  • DocumentedRadius is the defining edge: rounded corners and curved surfaces. From a documented finding (interface)
  • DocumentedBorders are metal bands and trim, not ornamental frames. From a documented finding (interface)
  • DocumentedA boxy variant exists under other names; the rounded radius is what marks this one. From a documented finding (interface)
  • Documented · Source not yet verifiedCarry expression in the form; applied ornament is absent. From a documented finding (form)
  • Web translationRound every corner on the page; no square box anywhere. Radius distinguishes the style from its boxy variant. From a documented finding (interface)

Imagery

Speed lines, porthole, railing: drawn, never photographed.

The rules behind it
  • From our catalogue entryImagery: rendered chrome. From our catalogue entry (imagery)
  • DocumentedThe repeating marks are speed lines and nautical details: portholes, ship-like railings, curved glass. From a documented finding (motif)
  • Web translationDraw chrome as a gradient on line work; do not place photographs of chrome as texture. Rendered chrome, used for the bands the research documents. From our catalogue entry (imagery), a documented finding (surface)
  • Not specified by the sourceThe sources do not specify a photography or illustration style. Use drawn marks from the documented set; do not add historical ornament to fill space. From a documented finding (motif)

Motion

Speed drawn into the lines. At most one element travels, sideways, at constant speed.

The rules behind it
  • Web translationMotion is represented, not performed: horizontal lines and rounded forms give the impression of speed. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From a documented finding (motion)
  • Web translationIf anything moves, it travels horizontally at constant velocity. Nothing rises, nothing steps. 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 translationLet at most one element travel, and only sideways. Motion is mostly drawn; one constant-velocity traveller is the page's whole budget. From a documented finding (motion), our reading (motion)
  • Not specified by the sourceAnimated or moving light is not documented. Do not animate glows or signs; the research found electric light built in, not moving. From a documented finding (motion)

Components

The record documents interface conventions for Streamline Moderne. These four components are contemporary builds on those conventions, not historical artefacts.

The rules behind it
  • Web translationRound both ends of every button fully. Rounded corners and curved surfaces are the style's defining edge; on screen the radius runs out to a capsule. From a documented finding (interface)
  • Web translationDraw the edge as a thin metal line, not a shadow or a tinted box. Borders are metal bands and trim. From a documented finding (interface)
  • Web translationFill only the leading action; the others follow it to the right, outlined. Rank is a position along the run; fill marks the lead without making it bigger. From our reading (hierarchy)
  • Web translationRound every corner, with the leading corners rounder than the trailing ones. The rounded, prow-like end reads forward; radius is the defining edge. From a documented finding (interface)
  • Web translationSet cards in one horizontal run; the first on the left leads. Horizontal continuity dominates, and rank is a position along the run. From a documented finding (form), our reading (hierarchy)
  • Web translationGive fields the button's capsule and trim line. One edge treatment on every control: rounded, bordered by metal trim. From a documented finding (interface)
  • Web translationSeat the navigation on a band of parallel horizontal lines. Speed lines, bands of horizontal piping or grooves, are the recurring mark; here they carry the menu. From a documented finding (motif)
  • Web translationOrder the links by importance from the left. Rank by position along the horizontal run. From our reading (hierarchy)

03 The record

Research
Partly sourced
Build guidance
Recorded in 7 of 8 research dimensions
Origin
From a movement
Also called
Moderne, aerodynamic deco, 1930s streamline
Feel
sophisticated
Scope
Streamline Moderne is 1930s-40s American architecture and industrial design. Aesthetary translates its horizontal lines, round corners and nautical details to graphic surfaces; palette and type are our reading.

04 What it argues

Everything should look as though it moves through air. Rounding every corner and running horizontal lines across a form borrows the logic of aerodynamics for objects that never travel, so modernity is expressed as motion at rest.

It refuses

The stepped vertical geometry and applied ornament of Art Deco, and refuses sharp corners.

The costs it accepts

  • Ornamental richness
  • Verticality
  • Distinction from Art Deco at a glance

Who it was for

A viewer who reads streamlining as modern and efficient rather than as styling.

05 How you recognise it

Horizontal speed lines running in parallel across a form, corners rounded without exception, curved and continuous shapes rather than faceted ones, and bands of chrome or aluminium trim on smooth white or pale stucco.

The diagnostic condition is horizontal continuity: the eye is pulled sideways along unbroken curves, and a stepped edge or a dominant vertical belongs to Art Deco.

Art Deco steps and rises; Googie lifts diagonally and shouts at a motorist.

06 What carries the look

0 Elements linked

  1. Typography

    This page is set in Jost. Typographic research on the record.

  2. Color

    • #F4EDDF
    • #232930
    • #4A525B
    • #155263
    • #5A646E
    • #6E7883
    • #EDE3CE
    • #EDF1F3

    as built

  3. Composition

    Nothing linked yet

  4. Imagerycarries the look

    Nothing linked yet

  5. Surfaces

    Nothing linked yet

  6. Motion

    The page moves.

  7. Motifs & Symbols

    Nothing linked yet

  8. Techniques

    Nothing linked yet

No Element is linked to this Aesthetic yet. Each line still opens its gallery.

07 Rules 24

Layout

  • From our catalogue entryComposition: horizontal speed lines; curved forms.

Typography

  • Documented · Source attachedStreamline Moderne storefront signs were typically built of individual letters, often in a sans-serif contemporary typeface.
  • Documented · Source attachedWalter Huxley was a proponent of the pared-back streamline style; his 1935 ATF typeface Huxley Vertical became one of the most popular ways to give printing this Deco flavour.

Color

  • Documented · Source attachedWalls are smooth stucco or concrete, often painted white.

Imagery

  • From our catalogue entryImagery: rendered chrome.

Surface

  • Documented · Source attachedWalls are smooth stucco or concrete, often painted white.
  • Documented · Source attachedIndustrial and new synthetic materials carry the look: chrome, Bakelite and other plastics, aluminium, stainless steel, glass block, tinted structural glass (Vitrolite, Carrara), porcelain enamel, plastic laminates.
  • Documented · Source attachedSurfaces are sleek and gleaming: materials gave 'the appearance of newness and sleekness', and surfaces were polished to a gleaming finish.

Interface

  • Documented · Source attachedRadius is the style's defining edge treatment: rounded corners and curved surfaces, wraparound and curved glass, curved railings and overhangs.
  • Documented · Source attachedBorders are metal bands and trim (aluminium, stainless steel, chrome) rather than ornamental frames.
  • Documented · Source attachedA boxy variant without curves exists under the names Moderne or Art Moderne, so rounded radius distinguishes Streamline Moderne specifically.

Motion

  • Our readingHorizontal travel at constant velocity. Nothing rises, nothing steps.
  • Documented · Source attachedMotion is represented, not performed: horizontal lines and rounded forms are described as creating 'the impression of motion and speed' in static buildings and objects.
  • Documented · Source attachedElectric light was built into architectural structure in the style, but no opened source documents animated or moving light.

Motif

  • Documented · Source attachedSpeed lines (bands of horizontal piping or grooves) are a recurring mark on buildings, cars and small objects.
  • Documented · Source attachedNautical details recur: porthole windows, ship-like railings, curved glass; in France the style was called paquebot (ocean-liner style).
  • Documented · Source attachedApplied historical ornament is generally absent; the repeating marks are the speed lines and nautical elements themselves.

Technique

  • Documented · Source attachedThe look depended on new building technologies, notably bending structural glass, and on newly developed materials (extruded aluminium, porcelain enamel, glass block).
  • Documented · Source attachedStreamlining was based on admiration for industry and speed; contemporary criticism quoted by the Bard Graduate Center called it absurd to borrow forms from unrelated machinery, as with a pencil sharpener streamlined to resemble an airplane.
  • Documented · Source attachedPorcelain enamel facing was often laid in a squared pattern on storefronts.

Form

  • Documented · Source not yet verifiedExpression is carried by the form itself; applied surface ornament is absent.
  • Documented · Source not yet verifiedHorizontal continuity dominates: no vertical or stepped emphasis competes with the horizontal run of the form.

Hierarchy

  • Our readingRank by position along the horizontal run — leftmost on the speed line leads. Unusual and native.

Form / motif / surface / technique

  • From our catalogue entryForm/motif/surface/technique: rounded corners, curved forms.

08 What stands behind it

Partly sourced. 7 sources attached.

Build guidance: recorded in 7 of 8 research dimensions.

No source attached
Argument, Recognition test
Not researched yet
Summary, Typeface guidance, Overall positions by area, Ornament and contrast scales, Moving it to screen, Source notes. Unresearched is not permission.

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

Research dimensionEvidenceCarries guidance
CompositionSpecified · From our catalogue entryyes
TypographySpecifiedyes
HierarchySpecified · Our readingyes
ColourSpecified · From our catalogue entryyes
DensityNot specified by the sourceno
ImagerySpecified · From our catalogue entryyes
Form/motif/surface/techniqueSpecifiedyes
MotionSpecifiedyes

09 Often confused with

  • GoogieAesthetic

    Horizontal speed versus diagonal lift.

  • Art DecoAesthetic

    Curved/horizontal versus stepped/vertical.

10 Use it

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