Next Houdini spot

Blueprint pattern

Construction Variants Download

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.

Three fill variants the blueprint ships

The same SVG geometry, with the logo-silhouette fill (the outer-ring annulus + the lower triangle peak) tinted differently for three use-contexts: the homepage hero, generic light surfaces, and dark surfaces.

  • Home - greyscale + dimmed via filter: brightness(0.15) saturate(0). Reads as a quiet dark watermark on the paper-cool homepage hero.
  • Light - darkened blue via filter: brightness(0.15). Adds a quiet brand-coloured texture on paper / light surfaces.
  • Dark - default blue at reduced opacity. Reads as a subtle glow on dark / navy surfaces.
  • The static SVG is uniformly #93B4F5 (peak-blue-lifted). Surfaces tint via CSS filters — desaturated for the homepage, default blue elsewhere.
  • When slotted into <AgentLoop> the pattern spins clockwise at 16s/cycle. See Experiments → Agent loop.

Static asset

The blueprint is pre-rendered to a static SVG and served as a cacheable image. It is generated from the same golden-ratio recipe that defines the Unless mark.