Visão geral

Structural Detection — Instructor‑Facing Visual Style Guide (Final, Canonical)

TriadicFrameworks • RTT/1 • Instructor Edition#

“Teach visuals the same way you teach structure: precisely.”#

Structural Detection — Instructor‑Facing Visual Style Guide#

TriadicFrameworks • RTT/1#

Module: Structural Detection#

Audience: Instructors, Designers, AIs#


1. Purpose of This Guide#

This guide ensures that all visuals used in:

  • lectures
  • slides
  • worksheets
  • exams
  • labs
  • scenario gauntlets
  • operator demonstrations

…are canon‑aligned, zero‑drift, and structural‑only.

Structural Detection visuals must:

  • reinforce operator logic
  • avoid semantic cues
  • maintain cross‑module coherence
  • remain accessible to students
  • preserve the RTT/1 visual grammar

2. Core Visual Principles#

2.1 Structural, Not Semantic#

Visuals must depict:

  • repetition
  • anomaly
  • drift
  • boundaries
  • invariants
  • regime shifts

They must not depict:

  • objects
  • icons
  • metaphors
  • narrative scenes
  • domain‑specific imagery

2.2 Canon Palette#

Use the Structural Detection palette:

  • Black (#000000) — grounding
  • Indigo (#1a1a3a) — structural depth
  • Violet (#3a1a5a) — regime awareness
  • Soft Gray (#bfbfd9) — invariants
  • Electric Blue (#4f6cff) — drift cues
  • Muted Magenta (#a05aff) — anomalies

2.3 Line Style#

  • Thin (1–2px)
  • Precise
  • Angular
  • No decorative curves
  • No organic shapes

2.4 Geometry#

Use:

  • triads
  • grids (3×3, 4×4, 3×N)
  • symmetry frames
  • deformation markers
  • boundary separators

3. Visual Patterns by Operator#

3.1 STRUCTURAL_DETECTION_OPERATOR#

Visual cues:

  • repeated motif (▭▭▯)
  • one localized anomaly
  • stable outer anchors
  • clear boundaries

Instructor tip:
Use high‑contrast anomalies to teach “pattern + break.”


3.2 DRIFT_SENSE_OPERATOR#

Visual cues:

  • progressive deformation
  • left→right drift lines
  • micro‑offsets
  • density changes

Instructor tip:
Show drift in three steps: formal → emergent → chaotic.


3.3 REGIME_AWARENESS_OPERATOR#

Visual cues:

  • formal: symmetry, even spacing
  • emergent: partial symmetry
  • chaotic: broken grid, irregular spacing
  • hybrid: conflicting signals

Instructor tip:
Use side‑by‑side regime blocks.


3.4 CONTINUITY_COMPASS_OPERATOR#

Visual cues:

  • repeated anchors across samples
  • stable motifs
  • cross‑sample alignment threads

Instructor tip:
Stack samples vertically to show persistence.


3.5 SYNTHESIS_TRIANGULATION_OPERATOR#

Visual cues:

  • triangulated nodes
  • combined motifs
  • drift + regime + continuity overlays
  • faint violet glow around synthesis edges

Instructor tip:
Use synthesis visuals sparingly — they are cognitively dense.


4. Layout Rules#

4.1 Grid Discipline#

All visuals must adhere to a structural grid:

  • 3×3 for motif work
  • 3×N for drift sequences
  • 4×4 for regime blocks

4.2 Boundary Placement#

Boundaries must be:

  • thin
  • subtle
  • aligned with operator logic

4.3 Density Encoding#

Density = regime:

  • high density → chaotic
  • medium density → emergent
  • low density → formal

5. Cross‑Module Coherence#

Structural Detection visuals must remain compatible with:

Micro Core#

  • minimal triads
  • fractional gradients

FFT Analyzer#

  • drift signatures
  • deformation fields

TEL#

  • lattice alignment
  • spatial coherence

Opacity#

  • boundary emphasis
  • partial visibility

Instructor tip:
When teaching cross‑module flow, reuse the same motif across modules.


6. Anti‑Drift Rules (Strict)#

To maintain canonical identity:

  • no semantic icons
  • no metaphors
  • no illustrations of real objects
  • no curved organic shapes
  • no color outside the approved palette
  • no decorative gradients
  • no embedded text inside visuals
  • no narrative scenes

All visuals must remain structural.


7. Hero Image Guidelines (Instructor Edition)#

Hero images must include:

  • black → indigo → violet gradient
  • repeated motif with one anomaly
  • drift lines
  • boundary markers
  • no text
  • no semantic imagery

Aspect ratios:

  • 1080×600 (module hero)
  • 1080×1080 (identity tile)

8. Instructor Best Practices#

8.1 Teach visuals like operators#

Every visual should map to:

  • motif
  • boundary
  • drift
  • regime
  • continuity

8.2 Avoid over‑annotation#

Use:

  • arrows
  • thin lines
  • subtle highlights

Avoid:

  • text labels
  • semantic explanations

8.3 Maintain structural neutrality#

Never imply meaning.
Never imply domain.
Never imply narrative.


9. Quick Reference Summary#

  • Palette: black → indigo → violet
  • Motif: ▭▭▯ with one anomaly
  • Geometry: grids, triads, symmetry frames
  • Cues: drift lines, boundaries, invariants
  • Identity: structural, analytical, non‑semantic

This is the complete instructor‑facing visual style guide for the Structural Detection module.


✔️ This Instructor‑Facing Visual Style Guide is:#

  • fully canonical
  • zero drift
  • aligned with your site‑wide visual grammar
  • consistent with Micro Core, FFT, TEL, and Opacity
  • ready to drop into /docs/Structural_Detection/instructor_materials/visual_style_guide.md

Updated

Visual Style Guide — TriadicFrameworks