TWO HANDS — template brief

darkcalm

Live preview · scroll inside

Loading TWO HANDS — template brief

The complete build · watermarked until purchase

The concept

A restaurant with exactly one thing on the menu, built so confidently that the whole site is an argument for *not* offering you a choice. The name is the instruction: you eat it with two hands or you have misunderstood the product. Everything follows from that — the mustard accent, the bite-shaped cursor, the ember field, and a body section that literally builds a burger as you scroll.

Palette: char
#0F0D0B
smoke
#191512
coal
#231D18
cream
#F5EFE3
dim
#9A8C7B
mustard
#E8B302
Typeface: Bricolage Grotesque 700 display — a variable grotesque with deliberately awkward, over-inked joints. It looks handmade at 200px, which is the whole point for a counter that does one thing by hand. Gabarito for body: round, friendly, high x-height, reads as signage rather than corporate copy.
Cursor — Bite cursor: - Bite cursor. A ring that takes a scalloped bite out of itself on hover. - Ember canvas behind the whole page — particles rising in three depth bands at different parallax rates, so the atmosphere continues below the fold. - Per-character heading with staggered outward-in entrance, idle sine, and a scroll offset measured from centre.
Layout

316 words · locked

█████ █ ███████████ ████ ███ **███ █████**, █ ██████ ███████ ████ █████ ███████ ███ ████. ████: ███████, ████, ████. ███████: ████ `███████` ██████, `███████` ███ `███████` ██████ █████, `███████` ██████████ ████, `███████` ███, ███ ████ ██████ `███████` ███████, ███ `███████` ████ ████ ██ ████ █████ ██ ███ █████ ████. ████: █████████ █████████ ███ ███████, ████████ ████.
 **████** — █ ██████ ██████ █████. ██████████ ███████ ████████ "███ █████" █████ ████ █████ ███ ████ ██████, █████ ███████ ████ `█████████: █████(█ ██% █ █)` ██ █ ███████ ██████ █████ ████ ███████ ███ ████ ██████ ███ ████████ ███ ██████ ██████████. ███ ███████ ██ ████, ██ ████ ███ ██████████ ████ `████████████: ██████` ██████ ████ █ █████. ███ █████ █████ ████████████ ██ ███ ███ █████ — ██████ █████ ███████ ███ ████████; ██ ██████ █ █████████ ████████ █████ (████ ███████, ███████ ██████ █████, ████ ████, ████, █████ ████, ████ █████) ████ ██ █ █████████ ████. █████ ███ ████████ ████ ████████████ █████ ████ █ █████████ ██████████ ████████ ████ `███████████(█,██%,-█████) ███████(-█████)` ████ ████, ██ ████ ████ ██ █ ███ █, ███ █ ████████████ ████ ████████ ████ ██████. █████ █████ ██ ██████████ ██ ████ ██████ ██████, ██████████ ██████████. **██ ███████ ██ ███ ████.**
 **████** — ███ █████████ ███████ ██ █ **████████ █████**: █████ `████████:██████` ██████, ███ ███ ██████ █████, ████ ███████ █████ ███ ████████ ██ ███ ██████ █████████ ██ ███ ████ ███████. ████ █████ ███ █ █████ ██████, ██ ██████████ ████ ██ ███████ ████, ███ ███ ████ ██ ████████████. ██████ ██ ████ █ █████ ███████ ██ ███████████ █████ █████████ ██ █████ █████████, ████ █ ██████████ ████ █████, ████ █ ██████ ████ █ ███████ ████████ ███ ████████████ ██████████. ██ █████, ██ ████ █████, ██ ███████ ████.
 ██████ ███ █████ ████, █ ██████ █████ █████: █████████ ██████ ██ █████ █████ █████ ██ █████████ ████████ █████. ██████ ██████: █ ████ ████ █████ █ █████████ ████ ███ ██ ██████ ██ █████. ██████████ ██████ ██ █████ ████. ████████████ ███ `███████:██████` █████████.

Undeveloped