TITLE Apiary No. 9 — Hill Honey PROMPT A landing page for an invented small honey producer, "Apiary No. 9", nine hives on a south-facing hillside above the invented village of "Thornaby Coombe". The whole page is built on a hexagonal comb grid: content lives in cells, and honey actually flows: a viscous, amber liquid that pours, stretches, drips and fills cells as the visitor moves through the page. Concept: one material (honey) and one geometry (the hexagon) carried through everything. Mood: sunlit, slow, generous, a little nerdy about bees. Palette: pale beeswax cream-yellow #FFF3C4 as the page ground, honey amber #F2A900 (with a deeper flow tone derived toward #D98A00 for thickness), propolis brown #7A4A00 for secondary type and comb walls, bee-black #1E1A12 for text. Light, warm, nearly monochromatic amber page; no other hues except a single cornflower blue dot on the queen in one illustration (#3B6FB6), as beekeepers mark queens. Honey rendering (signature material): Canvas 2D viscous-fluid look, not a generic particle system: drips are drawn as smooth metaball-like shapes or spline-outlined blobs with a thick bright specular highlight along one side, a darker core where the honey is deep, translucency so comb walls show faintly through, and long thinning threads that stretch between a falling drop and its source before snapping and recoiling. Timing is slow and heavy: custom easing with long ease-in for the fall and a soft settling bulge on landing; pooled honey levels out slowly. Structure: 1) Hero: a wooden honey dipper (drawn in SVG, turned beech with grooves) held at the top centre, turning slowly; honey spirals off it in a thin continuous thread that falls the height of the viewport and coils on itself at the bottom (the liquid rope-coil effect: the thread's landing point circles so it piles in loops). Headline beside it in huge type: "Slow food, made by fast animals." with the brand lockup: a hexagon containing "No. 9". 2) The comb: a large hexagonal grid; scrolling into it, cells fill with honey one after another outward from where the thread lands (each cell's liquid level rises with a meniscus and then gets capped with a pale wax lid: a little dimpled cap drawn on; roughly a quarter of the cells are left open as glossy, unripe honey so the comb stays amber); some cells contain content instead: the three honeys as larger merged cells: "Spring Blossom: hawthorn, apple, dandelion; pale and quick to set", "High Summer: lime tree, bramble, clover; the one for toast", "Ling Heather: thixotropic, jelly-thick, smells of the moor; pressed, not spun": each with a jar drawn in SVG (hexagonal glass jar, paper label, cloth-free plain lid) whose honey colour differs (pale straw, amber, dark red-amber) and tilts sluggishly when hovered, a slow bubble rising. 3) "A year at the hives": a ring calendar of twelve hexagons around a centre, each month with a tiny line illustration and one sentence, the sentence of the chosen month shown in the large centre cell (below the ring on phones); the chosen month's cell fills with honey (January: "They cluster and shiver. We mend frames."; June: "Swarm season. Keep a ladder in the car."). 4) "By the numbers", computed-looking but stated as the apiary's own figures: about 40,000 bees in a summer hive, roughly 9 kg left for the bees each winter, 127 jars last season: each number set large inside a cell, counting up when it enters; a fourth cell holds the queen illustration with her blue dot. 5) The waggle dance: a small interactive: a bee on the comb performs a figure-eight; the visitor drags the "flowers" marker around a compass and the bee's waggle run rotates to the corresponding angle relative to vertical (angle from the sun = angle from vertical), with waggle duration by distance: explained in three plain sentences. 6) Order: jars are few: a simple list with prices in pounds and "sold out until August" tags on two, and a "tell me when the heather is in" field with a custom input; confirmation: a wax seal with a bee pressed into it. Interaction: the pointer leaves a thin trail of honey that thickens if the visitor lingers and drips downward from the cursor after a pause; clicking a filled comb cell uncaps it and a bead of honey wells out and runs down the grid, pooling in the cells below (the cell refills and is recapped after a few seconds); bees (6–10 small drawn bees with blurred wing ovals) wander the comb, walking along cell edges, occasionally flying off in arcs and returning, and they gather near the cursor when it rests. Hover on comb cells raises them slightly with a soft amber inner glow. Typography: a confident, friendly serif for display (Georgia/"Palatino" bold, tight, large) in bee-black; small caps in a geometric sans for labels (Futura/"Century Gothic"/"Trebuchet MS"); numbers in tabular lining figures; the "No. 9" lockup stamped like a hive number stencil. Copy voice: first person plural, observant, dry: "We do not make honey. We collect rent." Entrance: the dipper lowers into frame and the first thread of honey descends through the headline within the first three seconds. Reduced motion: honey thread and fills are shown static (cells already filled), bees stand still, counting numbers appear final. Performance: canvas layers sized to their sections; DPR capped at 2; cap drips; pause off-screen and when hidden. Responsive: hex grid re-tiles for narrow widths (3 columns on phones) with no horizontal overflow. DESCRIPTION A sunlit, nearly monochrome amber landing page for a nine-hive honey producer, built from one material and one shape. A turned beech dipper lowers into the top of the page and lets go of a single thread of honey that falls through the oversized serif headline and coils like a rope onto the first cell of a full-bleed honeycomb. Scrolling makes the comb fill outward from that landing point: each cell rises with a curved meniscus, then most are sealed with a dimpled wax cap while some stay open and glossy. Three seven-cell clearings in the comb hold the three honeys with their hexagonal jars. Bees patrol the cell walls, fly off in arcs and drift toward a resting cursor. Below the comb everything remains hexagonal: a twelve-cell ring calendar, interlocking number cells, a compass and a dance floor for the waggle dance, and an order cell that ends in a pressed wax seal. The voice is first person plural, dry and fond of its bees. VISUAL TECHNIQUES - Canvas 2D honey material: three-layer ribbons (deep edge, amber body, cream specular line) with per-point width, and radial-gradient blobs with a dark core and a thick highlight crescent - Liquid rope-coil: the thread's landing point circles while older loops sink, widen and taper into a growing mound; a slow bead of thickness travels down the thread - Pointy-top hexagonal grid computed in script, re-tiled at 3, 5, 7, 9 or 11 columns, with merged seven-cell regions outlined by their perimeter edges only - Cached base layer and pre-rendered sprites for capped and open cells; only the visible band of the comb is redrawn each frame - Cell fill animation with a clipped quadratic meniscus, sloshing surface and cross-faded wax cap; fill order is distance from the thread's landing point, driven by scroll - Honey runner that wells up, slides down the vertical walls with eased acceleration, leaves a thinning trail and pools in cells two rows below - Procedurally drawn bees walking the vertex lattice of the comb, with Bezier flight arcs, ground shadows and ghosted wing ovals for blur - Inline SVG dipper with cylindrical beech gradients and an animated grain pattern to suggest turning; SVG hexagonal jars whose honey surface levels out far more slowly than the jar tilts - Hand-drawn stencil lettering for the No. 9 hive lockup; twelve line icons for the months; wax seal with a debossed bee - CSS clip-path hexagons for every content cell, honey-rise fills on selection, an SVG turbulence paper grain and a faint comb pattern across the whole page - Georgia display type at dramatic scale against tracked geometric-sans labels; tabular lining figures for numbers and prices INTERACTION MODEL Scrolling into the comb fills its cells outward from where the hero thread lands. Moving the pointer anywhere leaves a thin honey trail; holding still grows a bead at the cursor that eventually lets go, stretches a thread, snaps, recoils and settles further down the page. Hovering a comb cell lifts it with an amber inner glow; pressing a filled cell uncaps it, and a bead wells out, runs down the walls and pools in the cells below before the cell slowly refills and is recapped. Bees converge on a cursor that rests on the comb. Hovering, focusing or tapping a honey card tilts its jar while the honey lags behind and a bubble rises. In the year ring, hovering, focusing or tapping a month fills its cell with honey and shows its sentence. Number cells count up as they enter view. In the waggle dance, dragging the flowers around the compass (or using the arrow keys on the marker) changes bearing and distance; the bee's waggle run rotates to the same angle from vertical and lasts about a second per kilometre, with a live readout. The order form validates the address in the page and replaces itself with a stamped wax seal. With reduced motion the thread, coil and filled comb are drawn static, bees stand still and numbers show their final values.