// IG Square covers (1080×1080) — one per Department + IG Story composite // Shared cover frame — bone-white + lace + corner marks function CoverFrame({ children, bg = "#F9F6F0", style = {} }) { return (
{/* Outer hairline rule */}
{/* Corner ticks */} {children}
); } function CornerTicks() { const tick = { position: "absolute", width: 14, height: 14, borderColor: "#2D2D2D" }; return ( <>
); } // Top utility bar inside cover function CoverHeader({ left, right }) { return (
{left} {right}
); } function CoverFooter({ children }) { return (
{children}
); } // ── Cover 01 ─ The Design Bureau ──────────────────────────────────────── function CoverDesign() { return ( {/* Giant "01" with overprinted compass */}
01
{/* Compass overprint */} {/* Off-center signal dot — symmetry break */}
FILED UNDER
The Design
Bureau
Brand, web, identity — built so the parts know each other.
Inquire Within ); } // ── Cover 02 ─ Dept. of Cooperation ────────────────────────────────────── function CoverCooperation() { return ( {/* Two engines connected by hairlines — integration motif */}
{/* Connecting hairlines */} {/* horizontal rail through both engines */} {/* sine connector */} {/* tick marks along rail */} {Array.from({ length: 24 }, (_, i) => ( ))} {/* node circles at engine centers */} {/* Engine A */} {/* Engine B */} {/* Pulse blue dot — the "signal passes" */}
FILED UNDER
Dept. of
Cooperation
Your apps talk to each other. You don't have to.
View Integrations ); } // ── Cover 03 ─ The Self-Governing Bureau ───────────────────────────────── function CoverAutomation() { // Repeating metronome rhythm — pure pattern return (
{/* Background metronome echo */} {/* Repeating arc strokes — automation tempo */} {Array.from({ length: 9 }, (_, i) => { const angle = -56 + i * 14; // sweep const cx = 468, cy = 540; const len = 380; const x2 = cx + Math.sin(angle * Math.PI / 180) * len; const y2 = cy - Math.cos(angle * Math.PI / 180) * len; const isMid = i === 4; return ( ); })} {/* Base */} {/* Tempo ticks */} {Array.from({ length: 21 }, (_, i) => ( ))} {/* Tempo label */}
TEMPO · 24/7
NO SUPERVISION
FILED UNDER
The Self-Governing
Bureau
Repetitive tasks are for machines. Go take a real lunch break.
Automate It ); } // ── Cover 04 ─ The Permanent Observation Post ──────────────────────────── function CoverObservation() { return (
{/* Topo / contour map */} {/* Red dot at peak — symmetry break */} {/* Crosshair through dot */} {/* Coords */}
UPTIME · 99.97%
35.18° N / 114.05° W
FILED UNDER
The Permanent
Observation Post
Monitoring runs 24/7. If something breaks at 2am, that's my problem — not yours.
Always Watching ); } // ── IG Story 1080×1920 ─ The Departments composite ─────────────────────── function StoryDepartments() { return (
{/* Inner frame */}
{/* Top tag */}
DIGITAL ALLIES · DEPARTMENTS 04 / 04
{/* Big headline */}
Four distinct
operations.
One point of contact.
{/* 2×2 grid of departments */}
{DEPARTMENTS.map((d, i) => (
{`DEPT · ${d.n}`}
{d.name}
{d.blurb}
))}
{/* Bottom: signature + CTA */}
EST. 2024 · KINGMAN AZ
digitalallies.net
Inquire Within
); } // ── IG Square teaser cover ─ "The Set" ─────────────────────────────────── function CoverSet() { return (
{/* 2x2 stacked artifact icons */}
{DEPARTMENTS.map((d, i) => (
{d.code} · {d.n}
))}
{/* Symmetry break — red dot exactly between Cell 1 & 4 (diag offset) */}
The Departments.
Four distinct operations. One point of contact.
See the Departments ); } Object.assign(window, { CoverDesign, CoverCooperation, CoverAutomation, CoverObservation, StoryDepartments, CoverSet, });