// FrameworkVisual.jsx — The Masterman Method // Three concept variants. Gold accent on anchor/center only. // One-color line art on dark. Geometric, Bauhaus/Tufte. const FrameworkVisual = ({ variant = 'anchor' }) => { if (variant === 'anchor') return ; if (variant === 'triad') return ; if (variant === 'vertex') return ; return ; }; /* ------------------------------------------------------------ OPTION A — Anchor (Identity) + Circle (Brotherhood) + Vector (Direction) Reads bottom→top: root → community → trajectory. ------------------------------------------------------------ */ const FrameworkAnchor = () => ( {/* faint construction grid — Bauhaus feel */} {/* Brotherhood — circle surrounding identity */} {/* subtle second ring for depth / intentionality */} {/* Direction — vertical vector extending up through the ring */} {/* crossbar — anchor horizontal */} {/* Identity — anchor hooks (gold) */} {/* Anchor shank — gold segment from crossbar down to where it passes ring bottom */} {/* intersection nodes — where vector meets circle */} {/* connector tick from circle edge to label (right side) */} {/* Labels */} {/* DIRECTION — top */} III · DIRECTION trajectory {/* BROTHERHOOD — right on the ring */} II · BROTHERHOOD the circle {/* IDENTITY — bottom */} I · IDENTITY {/* small tick marks on the vector — progression milestones */} ); /* ------------------------------------------------------------ OPTION B — Three overlapping forms (diamonds) in a triad. Shared interior = the man Masterman builds. ------------------------------------------------------------ */ const FrameworkTriad = () => ( {/* four overlapping circles on compass points — all meet at the center (the man) */} {/* Brotherhood — top (North) */} {/* Leadership — right (East) */} {/* Identity — bottom (South) */} {/* Discipline — left (West) */} {/* Shared center — gold filled marker */} {/* Labels */} IV · BROTHERHOOD III · LEADERSHIP I · IDENTITY II · DISCIPLINE the man {/* connectors — center out to each circle */} ); /* ------------------------------------------------------------ OPTION C — Triangle with I/B/D at vertices; interior triangle = the man. ------------------------------------------------------------ */ const FrameworkVertex = () => ( {/* outer triangle */} {/* interior triangle — smaller, rotated */} {/* Center mark — the man */} {/* vertex dots */} {/* faint bisectors */} {/* Labels */} III · DIRECTION II · BROTHERHOOD I · IDENTITY the man at the center ); window.FrameworkVisual = FrameworkVisual;