04 // MOTIF SYSTEM
MOTIFS
PATTERNS & VOCABULARY
Signature Motif
Warning Stripe
STRIPE // SM h-1.5 // Standard hazard, compact
STRIPE // MD h-2.5 // Page header or footer
STRIPE // LG h-4 // Heavy emphasis dividers
STRIPE // RESTRICTED Yellow & black overlay // restricted zones
RESTRICTED ZONE // LEVEL 3
@utility stripe {
background: repeating-linear-gradient(
-45deg,
var(--color-orange) 0px,
var(--color-orange) 8px,
var(--color-black) 8px,
var(--color-black) 16px
);
}
@utility stripe-restricted {
background: repeating-linear-gradient(
-45deg,
rgba(255, 214, 0, 0.055) 0px,
rgba(255, 214, 0, 0.055) 8px,
transparent 8px,
transparent 20px
);
} Technical Grid
Grid Overlay
@utility grid-overlay {
position: relative;
overflow: hidden;
&::before {
content: "";
position: absolute;
inset: 0;
background:
repeating-linear-gradient(
90deg,
rgba(255, 94, 0, 0.07) 0,
rgba(255, 94, 0, 0.07) 1px,
transparent 1px,
transparent 48px
),
repeating-linear-gradient(
0deg,
rgba(255, 94, 0, 0.07) 0,
rgba(255, 94, 0, 0.07) 1px,
transparent 1px,
transparent 48px
);
pointer-events: none;
z-index: 0;
}
} Special Effect
Glitch Effect
ANIMATION SPEC
| Cycle Length | 8-10 seconds |
| Trigger At | Near the end of the cycle (e.g. 80%) |
| Red Offset | translateX(-4px) -> translateX(3px) -> translateX(-2px) |
| Yellow Offset | translateX(4px) -> translateX(-3px) -> translateX(2px) |
RULES
| R-01 | Hero title only. Never on body text or small labels. |
| R-02 | Must not stay constant. Must feel like a glitch. |
| R-03 | 3 frames maximum per trigger. |
| R-04 | Silence duration: 6-8 times longer than the glitch itself. |
Identifiers
Serial Conventions
Every unit, document, sector, and component has a serial number or classification string. No element exists without an identifier.
| PATTERN | EXAMPLE | USAGE |
|---|---|---|
| MTR-{NNN}-{NNN} | MTR-100-001 | Macro-telemetry refinement units |
| OPC-{NNNN}-{X} | OPC-4471-X | Optics & calibration systems |
| R-{NNN} | R-100 | Refinement line assemblies |
| B-{NNNN} | B-8801 | Conveyor & logistics bins |
| SIG-{NNN}-{CODENAME} | SIG-247-NR9 | Signal integrity nodes |
| DOC# DLP-{YYYY}-{NNN} | DLP-2026-001 | Documents and design references |
| ZONE-{NN} // LEVEL {N} | ZONE-04 // LEVEL 3 | Access zones and clearance |
NOMINAL OUTPUT
UNIT REGISTRY CARD CMP-S
MTR-NO. 400263 250
REFINEMENT PROCESSOR - SEVERED SECTOR
MACRO-TELEMETRY REFINEMENT // ZONE-02 // LEVEL -2A
STATUS: ACTIVE CLEARANCE: LEVEL 3
LAST PING: 01:01:13
CLEARANCE LEVELS
LEVEL 1 // General Access
LEVEL 2 // Departmental
LEVEL 3 // Restricted
LEVEL 4 // Board Directive
Composition Rules
Poster Language
COMPOSITION REFERENCE
Dept. of Robotics // 2026
Auto-
mation
Zone
mation
Zone
WHSE 7 @ Assembly
// Spot R-100 ISO 12100
Restricted Zone // Branch 501
Authorized
Only
Only
Non-Compliance Will Be Documented
Kier // PE Restricted
COMPOSITION RULES
R-01 Poster titles: 1-3 words, maximum impact. REFINE // ALLOCATE // PROCESS // AUTOMATE.
R-02 Strongly recommended to include a serial number in the footer.
R-03 Strongly recommended to include a department name or zone reference in the caption of the title
R-04 An optional badge anchors the composition's intent in the footer
R-05 Graphic element in the center: technical diagram, illustration, gear schematic, etc.
Word System
Status Vocabulary
Nominal
Processing
Calibrated
Online
Operational
Standby
Idle
Holding
Allocated
Queued
Degraded
At Capacity
Reduced Output
Anomalous
Partial
Offline
Disconnected
Retired
Archived
Terminated