How we build.

How builders accelerate their craft with AI at Legora. An archive of experiments and prototypes.

Design system

Experiments

01Dynamic OG imagesShareable routes that generate their own Open Graph previews: five branded templates, URL-driven variations, and rendered video previews.
02Editorial gridAn editorial collage of profiles, notes, and ephemera. Category tabs re-order the grid in place, matching items float up while the rest dim and settle behind.
03Editorial grid with overlaysThe grid reworked with a filter sidebar on the left. Tiles open in place as overlays: articles read like pages, videos like players, interviews like podcast episodes.
04The feedWorkbench notes as a stream. Chapter filters at the top, and every note opens in place as an overlay instead of a new page.
05Mercury spaceAn archive after mercuryOS. Declare an intention in the rail and modules assemble into drifting columns; each opens as an overlay above the fog with an adjacent module beside it. Roles reshape the whole space, engineering reads dark.
06Quicksilver spaceThe mercury space recomposed on the editorial collage. The same rail, filters, and role themes, but the board mixes every medium in hand-set spans: a feature film up top, portraits and notes between. Filters float their matches forward while the rest fog in place.
07Meridian splitThe quicksilver board opening as a sliding spread instead of a takeover. The whole board pushes left as a piece's page slides in right of a hairline divider, and clicking anywhere on the board side slides everything back.
08Cinnabar spaceThe quicksilver board with every takeover rebuilt as its medium's own page: films get a screening spread with chapters and a next-up queue, interviews a listening spread with the sleeve on the platter, articles a dated magazine header, and the field studies open as maker profiles.
09Cosmos gridThe archive after cosmos. Filters and search in the top bar, a balanced masonry grid below, and every piece opens full screen with its own actions and a trail of similar pieces.
10ConvergeThe whole archive scattered across one exploratory board. A sticky ink bar rides along; picking a lens converges the collage into structured shelves and back.
11The listening roomThree takes on playing an episode: a record wall that docks the video player chrome, a WebGL deck where the vinyl spins up with real inertia, and a crate you drag records out of onto the platter.
12The screening roomFive takes on playing a film with a real media element: the theater from the design file, a flat premiere poster, a workbench with chapters, and two tape decks where inserting the cassette starts the show.
13The quote wallSix takes on pulling a quote: the folded paper poster from the design, the same sheet printed in the chapter colors, a wall of mixed papers, clean plates signed by hand, a portrait spread, and a ledger of short lines.
14The footer studiesFooter studies for the archive: a wordmark set in paper, metal, and the chapter colors, cursors that carry in its letters, an ink careers closing where the same hands set the headline, and a cream signature that breaks into the chapter spines and dissolves in ink.
15The filter railSix takes on the filter sidebar from the design: chips where the ink block travels between labels, a dot rail, a compass square that turns as it moves, a wipe that flips the letters in passing, a playful pill, and the elevated panel that folds into its own icon.
16Role lensesThe cosmos grid seen through roles. Design spreads across a pinned canvas, engineering reads as a session log in the dark, and product management gets a living brief.
17The manifestoThe building litany as one line: Building is stays put while the verb snaps through every act as you scroll. Asking, making, testing, shipping, and on.
18The indexThe quicksilver board flattened into one list: every piece in a single type size between hairline dividers. Hover is hit-tested every frame, so the row-anchored tile preview keeps up while the list scrolls or reorders, and a click still opens the sliding spread.