System Active Design Reference v1.0 Factory Pomo Protocol --:--:--

Factory Pomo Design Reference System

Industrial Postmodernism — c. 1985–1995

Memphis-Milano + CAD + Constructivism + Bauhaus + WPA

Factory Pomo is a design aesthetic that coalesced in the late 1980s, merging the clean, referential forms of Memphis-Milano, emerging CAD computer graphics visual languages, and revivals of Bauhaus, Russian Constructivism, WPA graphics, and early-to-mid 20th century industrial vernacular. It synthesizes postmodern playfulness with industrial seriousness, producing a look of futuro-industrial machinery rendered through geometric abstraction and bold primary color contrasts. Factory Pomo peaked from the mid-1980s to mid-1990s before giving way to Cyber Gen-X Corporate and Y2K Futurism aesthetics.

Core Motifs & Patterns

Gears & Cogs

Oversized decorative gear shapes, both as illustrations and structural design elements

Metal Ridging

Parallel raised lines evoking corrugated metal, factory textures, and industrial surfaces

Isometric Drawings

Factory assembly lines, conveyor belts, and machinery rendered in isometric projection

Atomic Symbology

Radiation symbols, atom diagrams, electron orbits drawn from nuclear-age iconography

Radio Waves

Broadcasting iconography, transmission towers, concentric signal arcs

Radar Graphics

Sweep lines, scope circles, technical readouts from instrumentation displays

TV Test Patterns

Color bars, geometric calibration targets from 1950s broadcast television

Hazard Tape

Diagonal stripe warning tape in high-contrast color pairs from industrial safety

Technical Arrows

Sharp directional indicators, lightning-bolt shapes, jagged industrial forms

Structural Elements

Steel beams, space-frame trusses, pipe railings with mesh infill exposed as decoration

CRT Monitors

Banks of television monitors used as decorative and informational display elements

Globe Sculptures

Wire-frame or structural steel world globes as rotating decorative centerpieces

Design Principles

Strong Symmetry

Balanced, mirrored compositions as the primary organizational method for layouts and visual elements

Color Inversion

Symmetrical layouts where one half inverts the color scheme of the other -- exactly like this panel

Bold Geometric Shapes

Circles, triangles, rectangles used as primary building blocks in simple, direct compositions

Industrial Meets Digital

Physical factory objects rendered through early digital design tools, creating tangible-yet-abstract forms

Design Principles

Contrasting Saturation

Bold juxtapositions at high saturation rather than gradual transitions between colors

Layered Complexity

Mechanical elements, typography, and geometric shapes overlapping in dense compositions

Retro-Futurist Tension

Depression-era and Constructivist visual language repurposed for a digital age, creating temporal dissonance

Flat, Ungraded Fills

Solid color blocks rather than gradients, echoing early screen-printing and CAD output limitations

Color Palette

Factory Pomo is primary-color-heavy with brown accents. The palette draws from industrial safety colors, Constructivist posters, and early desktop publishing capabilities.

Industrial Red
#CC2222
Primary accent, hazard elements, bold headings
Constructivist Blue
#1A4B8C
Backgrounds, structural elements
Signal Yellow
#F5C518
Warning accents, highlights, gear fills
Factory Brown
#6B4226
Earthy counterpoint, backgrounds
Industrial Orange
#D4652F
Secondary accent, hazard tape
Electric Purple
#7B2D8E
Late-80s accent, display elements
Teal
#008080
Cool counterbalance, secondary accent
Steel Gray
#71797E
Structural elements, metal textures
Charcoal
#2B2B2B
Dark backgrounds, contrast base
Fluorescent White
#E8EDF2
Harsh, bluish-white lighting effect
Black
#111111
Deep background, maximum contrast
Primary Triad
R + B + Y
Core Factory Pomo combination

High-Contrast Pairs

Red/blue, yellow/black, orange/teal placed in direct opposition for maximum visual impact

Color Inversion

Identical layout mirrored with swapped foreground/background colors across symmetry axes

Primary Dominance

Restrict palette to 3-4 bold primaries; avoid pastels entirely for industrial authority

Warning Combinations

Yellow/black hazard stripes, red/white danger signals drawn from industrial safety standards

Typography

Factory Pomo typography is defined by heavy slab serifs and bold geometric sans-serifs -- tall, closely-spaced letterforms evoking factory signage and stamped metal, digitally sharpened into clean precision.

Factory Pomo

Archivo Black

Heavy Geometric Sans // Display

Bold industrial weight with geometric construction. Used for hero headlines and display titles.

Industrial Design

Oswald

Condensed Sans-Serif // Headlines

Tall, narrow proportions like factory signage. Primary heading typeface for sections and labels.

Machine Age

Roboto Slab

Geometric Slab Serif // Headings

Clean slab serifs echoing Modula. Used for section titles and alternate heading styles.

CONSTRUCTIVIST

Bebas Neue

Condensed Uppercase // Display

Tall, tight letterforms with a Constructivist feel. Reserved for large display text and banners.

INDUSTRIAL PRECISION ENGINEERING

Barlow Condensed

Condensed Sans // Subheadings

Industrial precision with narrow proportions. Used for subheadings, UI labels, and category markers.

system_status: operational // mode: active

Share Tech Mono

Monospaced Technical // Readouts

Evokes CRT displays and computer terminals. Used for technical data, readouts, and status labels.

Clean digital geometry with multiple weights for versatile technical content and label systems.

Saira

Geometric Sans // Body & Labels

Sharp, mechanical feel with good readability across weights. Used for body text and technical labels.

The neutral digital workhorse for extended reading. Highly readable body copy that stays out of the way while supporting the industrial display typefaces above.

DM Sans

Clean Geometric Sans // Body Copy

Neutral, digital, highly readable. The primary body text typeface for paragraphs and descriptions.

Layout Principles

Grid & Structure

  • Symmetrical, centered compositions with bilateral symmetry
  • Isometric and axonometric grids for technical illustration sections
  • Dense, layered layouts with overlapping geometric elements
  • Modular grid with industrial rhythm like factory tiles
  • Strong horizontal and vertical axes as if mounted on steel beams

Section Organization

  • Industrial dividers: pipe/beam motifs, hazard stripes, gear-tooth borders
  • Panel-based layouts resembling control rooms and schematics
  • Asymmetric density within symmetric frames
  • Inset panels with steel-like borders and corner rivets
  • Contrasting background colors per section for visual rhythm

Spatial Characteristics

  • Tightly packed -- density over whitespace
  • Flat depth -- elements on same plane or clearly separated layers
  • Hard edges -- crisp boundaries, no feathering or blur
  • Full-bleed color blocks extending edge-to-edge

Responsive Strategy

  • Inversion panels collapse to stacked full-width blocks
  • Grid density reduces while maintaining industrial borders
  • Typography scales with clamp() for fluid sizing
  • Hazard and pipe dividers remain full-bleed at all sizes

CSS Techniques

Animated Gears

CSS conic-gradient gear teeth + keyframe rotation

Hazard Stripe Borders

Hazard Border Container

Repeating-linear-gradient at -45deg // yellow/black + red/white

Metal Ridging Textures

Layered repeating-linear-gradients for industrial surfaces

Radar Scope Animation

Conic-gradient sweep + concentric ring box-shadows

Fluorescent Lighting

Neon Glow
Industrial Control Panel // Riveted
Text-shadow glow + radial-gradient rivets

Constructivist Diagonal

WORKERS UNITE
SkewY transform on pseudo-element background

Materials & Textures

Physical Factory Pomo materials translated to web equivalents through CSS techniques:

Corrugated Steel
Repeating linear gradients with alternating bands
Steel I-Beams
Heavy borders with metallic gradients
Perforated Metal
Dot-pattern repeating radial gradients
Warning Tape
Diagonal repeating linear gradients
Brushed Aluminum
Horizontal gradient with light streaks
CRT Screen
Dark background + scan-line pattern
Fluorescent Tube
White/blue box-shadow glow overlays
Rivets & Bolts
Small radial-gradient circles
Wire Mesh
Grid backgrounds with thin lines
Concrete Floor
Noise overlay in gray tones

Retro-Futurist Tension

Factory Pomo synthesizes postmodern playfulness with industrial seriousness, producing a look of futuro-industrial machinery rendered through geometric abstraction. Depression-era and Constructivist visual language repurposed for a digital age.

Influences & Design Lineage

Russian Constructivism

Diagonal compositions, bold geometric typography, red/black/white palettes, propaganda poster aesthetics

Bauhaus

Geometric purity, primary color commitment, form-follows-function reinterpreted as form-follows-machine

Art Deco

Symmetry, decorative geometry, stylized industrial imagery, stepped and tiered architectural forms

WPA Poster Art

Heroic worker figures, strong flat color areas, industrial pride imagery from the American Depression era

Diego Rivera Murals

Factory floor panoramas, celebration of industrial labor, machine-human integration narratives

Memphis-Milano

Bold color, geometric playfulness, postmodern irreverence, anti-minimalism as a design philosophy

Streamline Moderne

Aerodynamic curves, chrome finishes, futuristic machine aesthetic from the 1930s-1940s

High-Tech Architecture

Exposed structural systems (Centre Pompidou, Lloyd's Building), colorful ducts, visible mechanical systems

Early CAD Graphics

Clean vector geometry, isometric views, limited-palette digital rendering from emerging computer tools