Identity as
distribution.

Generative wing mark, hex tessellation, parametric construction. Every artefact in the Flutterby identity system traces back to a single continuous curve.

Choreography

How the parametric wing mark translates into UX

Wing Choreography Experience
40-second choreographed sequence demonstrating how parametric handles drive UX moments: loading states, transitions, micro-interactions. The curve draws, the quadrants reveal, lobes scale independently, trim sweeps through. One curve, infinite expressions.
Animated · Dark theme · Timeline scrubbing · Pause/play

Calligraphy

Brush dynamics derived from tangent angle

Calligraphic Wing Interactive
East Asian brush mechanics applied to the parametric curve. Vertical strokes carry weight, horizontals thin, apexes press, crossings lift. Five presets: brush, broad nib, pointed pen, reed, uniform. Variable-width stroke rendered as filled geometry.
Pressure model · Entry/exit taper · Quadrant scaling · Canvas 2D

Parametric Wing

Construction tools for the continuous-curve wing mark

Parametric Generator Interactive
Four-quadrant scaling with tangent-parallel Bezier construction. Per-lobe width/height control, normalised path trim, handle visualisation.
B2 scheme · Structural G1 continuity · Trim 0-1
Benchmark Companions Reference
Four benchmark variants exploring crossing CP strategies. Hand-coded with verified parallel handles, quadrant labels, and CP numbering.
B1 origin pass-through · B2 four lobes · B3 mirrored · B4 mirror pair

Hex Marks

Tessellation-based mark variants across biome palettes

Showcase Gallery
Complete identity showcase with hex mark variants, wing silhouettes, and biome palette applications.
All variants · All palettes
Studio Interactive
Interactive mark studio for composing and exporting hex tessellation variants with palette control.
Composition · Export

Particle Systems

Generative mark expression through particle dynamics

Particle Globe Interactive
3D globe with particle-based mark rendering. Wing geometry expressed through dynamic particle fields.
WebGL · Particle engine
Particle Prototype Prototype
Original particle engine prototype. Stipple rendering, wing attraction fields, reaction-diffusion patterns.
Canvas 2D · Stipple · Attraction
Canvas Renderer Prototype
Direct canvas rendering of particle fields with configurable parameters.
Canvas 2D

Evaluation

Globe capture benchmarks and rendering tests

Globe Capture Test
Globe rendering capture tool for evaluation and quality assessment.
Current version
Globe Capture v1 Benchmark
Original globe capture benchmark for regression comparison.
v1 baseline
MapLibre Globe Benchmark
MapLibre-based globe capture for projection and tile rendering evaluation.
MapLibre GL