AGIM Studio — Brand Co-Pilot & Live UI Design Language A/B Lab

[UI • MENU] CONTEXT MENU 0ms SNAP HIGHLIGHT

[AGIM STUDIO • OVERARCHING GREEN THUMB] DOUBLE-BEZEL INTERFACE BOX SPEC OUTER 14PX • INNER 10PX

Shared Interface Architecture Across Every AGIM Product

Whether a user is configuring operational guardrails in Boundary, building shifts in Roster, or reading a lesson in Agim Learn, every box uses this exact Double-Bezel Boundary Card: a 14px outer squircle shell with a 32px monospace telemetry header bar framing a concentric 10px inner well.

[GUARDRAIL-01 • ENFORCED]

1-Ink Form Law & Concentric Radii (R_inner = R_outer - 4px)

[BOOK • CALLOUT] PRINT PARITY AGIMBOOKENGINE

[1%ER RULE • CH. VII • PURPLE / GREEN / GOLD HARMONY]

"See a Loose Screw? Tighten It to 45 Degrees."

Notice how our 3 Locked Font Roles work together: Plus Jakarta Sans 800 for the logo wordmark, JetBrains Mono for the square callout header above, and Plus Jakarta Sans for body copy—while the Heading Font above changes live as you test the 5 candidates in the top bar!

🟢 EMERALD #10B981 🟡 GOLD #FFD93B 🟣 IRIS PURPLE #8B5CF6