Industrial
Hazard stripes, stencil lettering, metal textures, heavy rules
Zone 1 begins — a rule the record supports
The pairing rule
Stencil for display, the way equipment, vehicles and locations are marked, with heavy condensed grotesk for support. The rule is a pairing, and it collapses if either face does the other’s job:
Documented. A US caution sign is a yellow ground with a black panel carrying yellow letters, and black letters on the yellow; its corners are rounded or blunt. Danger signs admit no design variation.
Zone 2 begins — our reading, declared
Two diagonals
The sharpest test for this register is the same geometry doing opposite work.
Build with it
A starting grammar for a website in Industrial: safety stripes only where they mark a real boundary, stencil for display beside a heavy condensed grotesk, caution yellow and black over steel, blunt-cornered plates, pictographs for imagery, and nothing that moves.
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.
Zone 1: colour and type
Colour
- yellow
#F5C400 - black
#111214 - ground
#3A3D42 - plate
#5B6068 - text
#E8EAEC - steel-light
#C4C8CD
The rules behind it
- DocumentedUse yellow as the caution colour: the US basic colour for caution and physical hazards. From a documented finding
- DocumentedOn a caution sign, set a black panel with yellow letters on the yellow ground, and black letters on the yellow. From a documented finding (interface)
- Our readingPair safety yellow and black over steel greys, with no third accent. From our reading (colour)
- Web translationKeep safety colours flat and fully opaque. Safety colours are specified as opaque glossy samples; a screen has no gloss, so opacity is what carries over. From a documented finding (technique)
- Not specified by the sourceThis page does not reproduce exact safety-colour values. The page's yellow is its own. For real signage, use the specified standard samples.
Type
Keep clear
Stencil shouts, grotesk explains
Reading text in Barlow Condensed. Stencil never sets a paragraph.
The rules behind it
- From our catalogue entryPair two faces and never collapse to one: stencil for display, heavy condensed grotesk for support. From our catalogue entry (typography)
- Our readingNever set body copy in stencil. From our reading
- DocumentedKeep the stencil's bridges: they exist to hold the cut template's interior islands in place. From a documented finding (technique)
- DocumentedKeep stencil as a typeface and stencil as a process apart: a stencil font on screen borrows the look of the process, so do not claim it as the process. From a documented finding (technique)
Zone 2: what the sign rules document
Shape
Documented: 45-degree stripes of a safety colour and a contrasting colour; a caution sign's black panel carries yellow letters; corners rounded or blunt.
The rules behind it
- DocumentedMake stripes a safety colour and a contrasting colour alternating at 45 degrees. From a documented finding
- Web translationRound or blunt the corners of every plate. Signs must have rounded or blunt corners and no sharp projections. From a documented finding (interface), a documented finding (form)
- Our readingRead surfaces as fabricated: exposed fastening, unfinished metal, structure left visible. From our reading (surface)
- Not specified by the sourceHow much metal texture shows is a declared freedom. Keep texture below the text; never let it cost legibility. From our reading
Imagery
Documented: the pictograph identifies a hazard or gives an instruction, with text or alone.
The rules behind it
- DocumentedUse the pictograph: a pictorial sign that identifies a hazard or gives an instruction, with text or alone. From a documented finding (imagery)
- DocumentedKeep signs graphical so they work across languages. From a documented finding (imagery)
- DocumentedDo not borrow poster and bulletin illustration as if it were signage: it is outside the regulated vocabulary. From a documented finding (imagery)
- Not specified by the sourceWhether to show imagery at all is a declared freedom. A page may carry no image; if it does, prefer the pictograph. From our reading (imagery)
Borrowed markings
Flammable
Documented: a flammable-liquid can carries its contents' name stencilled or painted in yellow.
The rules behind it
- DocumentedStencils are an official marking method for equipment, vehicles and locations. From a documented finding (technique)
- DocumentedFlammable-liquid containers carry the contents' name stencilled or painted in yellow. From a documented finding (technique)
- DocumentedLeave danger signs as specified: they admit no design variation. From a documented finding (interface)
- Web translationBorrow the caution sign, never the danger sign. Caution is the yellow sign; danger admits no variation, so restyling it misuses it. From a documented finding (interface)
Zone 3: on screen, translated
Layout
Three rule weights. The heaviest marks the most important boundary.
The rules behind it
- Our readingRank by rule weight and zone: a heavier rule marks a more important boundary. From our reading (hierarchy)
- From our catalogue entryDivide with heavy rules. From our catalogue entry
- Web translationUse a stripe band only where it marks a real boundary on the page. The stripe marking exists to make an object, location or message more visible; used as ornament it is the costume the record rules out. From a documented finding (form), our reading
- Not specified by the sourceThe sources do not specify a column system. Zone the page; if you add columns, divide them with rules.
Components
The research documents physical signs, not screens. These four are contemporary translations of those rules.
Caution: enter the number from the docket.
The rules behind it
- Web translationGive the button blunt corners. Signs are plates whose corners must be rounded or blunt; the button is the page's smallest plate. From a documented finding (interface), a documented finding (form)
- Web translationSet the label in the grotesk, never the stencil. The pairing puts stencil on display only; a button label is support text. From our catalogue entry (typography)
- Web translationShow the fastenings, set in from the corners. Our reading of the surface is fabricated with exposed fastening; the regulation places fastenings so they are not a hazard, so they sit inside the edge. From our reading (surface), a documented finding (form)
- Web translationRank what the card holds by rule weight: the heaviest rule marks the most important boundary. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From our reading (hierarchy)
- Web translationPresent an error as a caution panel: yellow letters on a black panel. A caution sign carries its signal word as yellow letters on a black panel. From a documented finding (interface)
- Not specified by the sourceThe sources do not specify forms. Keep the field ordinary and legible; do not stripe it.
- Web translationMark the current page with a heavy rule, not a stripe. Stripes mark boundaries; a decorative stripe is the register's costume. Rule weight is how it ranks. From our reading, our reading (hierarchy)
Motion
Signage holds still.
The rules behind it
- Web translationDo not animate. State changes are instant. Signage does not animate, and the record refuses easing. From our reading (motion), our reading
The record — what is known, and what is not
The record
What it argues
Where materials are heavy and the consequences of error are physical, the visual language is inherited from the safety and specification systems already on site. Warning grammar is used because it is the grammar that works there, not because it looks tough.
It refuses: lightness, refinement, and any treatment that would soften a warning into decoration.
How you recognise it
Diagonal hazard striping used as a functional band rather than an accent, stencil lettering paired with heavy condensed grotesk for supporting text, exposed metal texture, and heavy rules dividing the surface into zones.
The diagnostic condition is that the warning grammar is load-bearing: the stripes mark a boundary and the stencil implies a surface too rough for printing.
Where the hazard band is decorative the register is a costume. Web Brutalism shares the harshness and the exposed structure but argues about web convention; this borrows from physical safety systems.
What carries the look
0 Elements linked. No Element is linked to this Aesthetic yet. Each row still opens its gallery.
- TypographyCarries the look
Page set in Big Shoulders Stencil + Big Shoulders + Barlow Condensed.
- ColorCarries the look#F5C400#43474D#3A3D42#5A5F66#E8EAEC#FFFFFF#C4C8CD#111214
as built
Nothing linked yet
Nothing linked yet
Nothing linked yet
Nothing linked yet
Nothing linked yet
Nothing linked yet
Rules 19
By area, each labelled with what kind of claim it is.
Typography
From our catalogue entryTypography is a pairing rule and must not collapse to one face: stencil for display, heavy condensed grotesk for support. Using stencil for body copy breaks it.
Color
Our readingSafety yellow and black as the warning pair, steel greys as ground, with no third accent. Reasoned from inherited hazard grammar rather than claimed by the record.
Imagery
Documented · Source attachedImagery in safety signage is the pictograph: a pictorial representation that identifies a hazard or conveys an instruction, used with text or alone.
Documented · Source attachedSafety signs are graphical so that they work across language barriers.
Documented · Source attachedSafety posters and educational bulletins are excluded from the sign regulation, so their pictorial material is outside the regulated vocabulary.
Surface
Our readingSurfaces are read as fabricated: exposed fastening, unfinished metal, and structure left visible rather than clad.
Interface
Documented · Source attachedRadius is specified: signs have rounded or blunt corners.
Documented · Source attachedCaution signs use a yellow ground with a black panel carrying yellow letters; letters on the yellow ground are black.
Documented · Source attachedDanger signs admit no design variation.
Technique
Documented · Source attachedStencil lettering depends on a cut, reusable template; bridges hold interior islands in place so the stencil survives removal.
Documented · Source attachedUS regulation for flammable-liquid containers requires the name of the contents to be conspicuously stencilled or painted on the can in yellow.
Documented · Source attachedStencils are an official marking method for equipment, vehicles and locations, used by militaries, utilities and governments.
Documented · Source attachedOne typography scholar (Eric Kindel) treats 'the conundrum of stencil type and typefaces' as a distinct question within the history of stencil work.
Documented · Source attachedSafety colours are specified as opaque glossy samples.
Form
Documented · Source attachedThe stripe marking is applied to objects and locations, not to a page: its stated purpose is to make an object, location or safety message more visible.
Documented · Source attachedSigns are physical plates whose corners must be rounded or blunt and whose edges must be free of sharp projections.
Documented · Source attachedFastenings on signs must be placed so they are not a hazard.
Hierarchy
Our readingRank by rule weight and zone, the way a panel is divided. Heavier rule means a more important boundary.
Form / motif / surface / technique
From our catalogue entryForm / motif / surface / technique: hazard stripes, metal, heavy rules.
Ruled out, or left open by the sources
Motion
Not specified by the sourceThe sources do not specify this area; a translation may follow.
What stands behind it
Partly sourced. 7 sources attached.
Build guidance: recorded in 4 of 8 research dimensions. It says what usable material is recorded, never how well it is evidenced.
| Research dimension | Evidence | Carries guidance |
|---|---|---|
| Composition | Specified · Our reading | Yes |
| Typography | Specified · From our catalogue entry | Yes |
| Hierarchy | Specified · Our reading | Yes |
| Colour | Specified · Our reading | Yes |
| Density | Not specified by the source | No |
| Imagery | Specified | Yes |
| Form / motif / surface / technique | Specified | Yes |
| Motion | Not specified by the source | No |
Neither is a free hand: an area research has not reached is not permission to decide on the language’s behalf.
Often confused with
- Eastern Bloc Influence
Names a political-period visual condition, not an ethnicity
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.
Nothing here yet.
Comments
No comments yet.