Surfaces
Blueprint pattern
Blueprint geometry — circles, ticks, crosshair, diagonals
The full standalone pattern in uniform light blue (#93B4F5). Concentric φ-ratio circles, a 24-tick band, crosshair, dashed diagonals that go solid inside the logo-silhouette wedge, golden-ratio annotations, degree indicators. Surfaces tint to their desired colour with CSS filters.
Home variant · paper-cool, white logo fade
Light variant · on paper, light-blue fade
Dark variant · on navy, light-blue fade
Geometry
- ViewBox: −115.2 −115.2 230.4 230.4 - square, with logo radius (44) = 38.2% of the extent (golden section).
- Outer ring: r=44, with a 24-tick band (15° apart) on the r=41 → r=44 annulus.
- Middle reference ring: r=30.
- Inner ring: r=15.5 - fits the Unless mark when composed inside
<AgentLoop>. - Crosshair: horizontal + vertical axes drawn to ±115.2 (= 44 × φ²), with a radial fade to transparent at the edges. For wider reach (e.g. homepage hero), the image is scaled larger than its container.
- Diagonals: dashed reference lines at ±45°, hairline weight.
- Degree indicators: 0 / 90 / 180 / 270 labels at the four cardinal ticks, ui-monospace 2.6 viewBox units.