Design notes

How the Shelayma mockups were made

The Shelayma Project (שְׁלֵמָה — whole, as in b'emunah shleimah) is a series of single-night, ticketed music gatherings. These three sites are candidate visual directions for the same brand — deliberately different rooms holding the same idea: one night with nothing missing from it. All copy is invented placeholder; dates, artists and addresses are fictional.

Every page is hand-written HTML, CSS, and vanilla JavaScript. No frameworks, no build step, no external libraries — each background is a single <canvas> drawn live. All three respect prefers-reduced-motion with still fallbacks, and all forms are mocked.

01 · The Fire Circle — warm

• Concept: a kumzitz around one fire in a Catskills clearing; the page follows the fire's own order, from lighting to embers.
• Type: Cormorant Upright over Alegreya, Frank Ruhl Libre for the Hebrew ghost.
• Signature: the seat-ring — forty marks around a live flame, filled as the circle books up; sparks rise from a fire just below the fold and stir away from your pointer.

02 · Ad Alos — stark

• Concept: music from nightfall to alos hashachar, structured on the Gemara's three watches of the night (Berachos 3a). Where a film site would descend into darkness, this one scrolls toward light.
• Type: Syne over Manrope, JetBrains Mono in the HUD.
• Signature: the whole sky is one canvas that plays the night — dusk holds the hero, true dark holds the middle, and the last tenth of the scroll is the dawn, with a Greenpoint roofline surfacing against the first light. A HUD clock keeps the hour against your scroll position. No photographs anywhere.

03 · The Melave Malka Sessions — intimate

• Concept: a candlelit motzaei-Shabbos listening room under a Crown Heights shul; havdalah is the doorbell, soup is the encore.
• Type: Gloock over Hanken Grotesk; bottle-green velvet and brass instead of the expected wine-plum.
• Signature: a wax taper in the page margin burns down as you read — the flame rides your progress. The two "Hear the room" buttons synthesize eight seconds of harmonium or fingerpicked open-D live in WebAudio; nothing is recorded.

Photography is generated (Higgsfield Soul), art-directed for underexposed 35 mm editorial grain, then color-held against each site's palette. The three palettes share one constant — a candle-flame gold — so the brand survives whichever room it lives in.

Built with Claude (Fable) · 2026