Each direction includes two layouts and a prompt for your coding agent.
Filter by project type, compare desktop and mobile previews, then open the source for the layout you choose.
A precision metal object fills a black stage, opens into scroll-driven layers and resolves into a light, exact-price configuration desk.
Useful for: products, campaign, commerce. Image need: low. Complexity: high.
Object narrative and assembly
A single tall metal object on a black stage leads A into five sticky chapters; B opens with three objects on a light comparison bench and a specification matrix.
Composition A ↗Composition B ↗
One original round brilliant in an empty ivory vitrine, turned by hand, followed by portrait collection plates, a facet drawing and a working visit booking.
Useful for: products, commerce, craft. Image need: medium. Complexity: high.
Collection vitrine and visit
A centres one stone inside a fine vitrine ring with text pushed to the corners; B splits a sticky stone stage from a quiet choice panel.
Composition A ↗Composition B ↗
A live mechanical watch on deep black, opened by scroll or hand, followed by an exact-price personalisation desk and a complete local salon visit.
Useful for: products, commerce, craft. Image need: low. Complexity: high.
A movement revealed in three chapters
A holds one watch right of three editorial scroll chapters; B reverses the weight into a left object and warm light selection desk, then a full-width ledger.
Composition A ↗Composition B ↗
A city hotel told at night — a full-screen photograph whose lamps come on, single-image chapters and a booking drawer that slides in with an exact nights total.
Useful for: hospitality, travel, events. Image need: high. Complexity: high.
Night hotel presentation
A opens on a full-screen night photograph with only the name and one booking action, then alternates single large photographs with short text; B is a room gallery, comparison table and the same drawer.
Composition A ↗Composition B ↗
Quiet landscapes, warm sand and an interactive day ritual that changes the page light, ending in a useful local stay enquiry.
Useful for: hospitality, travel, services. Image need: high. Complexity: medium.
Regional retreat directory
A is a regional landscape directory with numbered horizontal rows; B frames one place with a split opening, a day itinerary and a two-villa comparison.
Composition A ↗Composition B ↗
An original initials monogram, cream-and-green century ledger and tactile accessory worktable connect archival craft with a live personal mark.
Useful for: craft, products, commerce, culture. Image need: medium. Complexity: medium.
Century ledger
A follows a century through four spacious chapters beside a sticky changing archive stage; B is a portrait object collection followed by a personalisation worktable.
Composition A ↗Composition B ↗
Wine velvet folds, a movable pool of light and an intimate club programme lead to a seat reservation or a three-step personal membership letter.
Useful for: hospitality, culture, services, events. Image need: low. Complexity: medium.
Club house and evening programme
A is a full-width velvet arrival followed by unequal room and programme spreads; B places a tall velvet panel beside a cream invitation and a progressive application worktable.
Composition A ↗Composition B ↗
A charcoal auction wall, museum bronzes and movable light lead to a filtered catalogue or a single-lot dossier with local bid and viewing demonstrations.
Useful for: culture, commerce, products. Image need: high. Complexity: medium.
Auction inventory and viewing calendar
A features one large wall object before an inventory grid; B is a 65/35 object dossier followed by provenance and a cream bidding desk.
Composition A ↗Composition B ↗
A long white yacht across an open horizon leads to an interactive deck atlas or a schematic island route and a local seven-night charter enquiry.
Useful for: hospitality, travel, products. Image need: high. Complexity: medium.
Vessel introduction and numbered deck atlas
A stretches a long yacht across a sea horizon before a three-column deck atlas; B pairs a paper invitation with a broad schematic chart and route-planning desk.
Composition A ↗Composition B ↗
A sculptural glass perfume bottle in liquid pastel light leads to four scent dossiers or a three-question finder, a note pyramid and a personal sample tray.
Useful for: products, commerce, craft. Image need: low. Complexity: high.
Scent collection and a personal sample tray
A divides a quiet invitation from an oversized glass bottle and continues through linear scent dossiers; B opens a full-width bottle study before a two-column question and note-pyramid atelier.
Composition A ↗Composition B ↗
A candlelit table becomes a ten-course evening journey or a spatial reservation atelier, with warming light, wine pairings and a real local table-selection service.
Useful for: hospitality, events, craft. Image need: high. Complexity: high.
Ten-course evening journey
A pairs a broad sticky food photograph with ten timed course records; B makes a six-table room plan the center of an appointment ledger after a panoramic opening.
Composition A ↗Composition B ↗
Seven matte copper plates become a spatial instrument, a sound-character workshop and a practical enquiry brief.
Useful for: culture, services, craft, architecture. Image need: low. Complexity: high.
Instrument and spatial stories
A narrow humanist invitation accompanies a large seven-plate instrument; B is a three-part character workbench with a real comparison tray.
Composition A ↗Composition B ↗
Large architectural photographs, interpretive plans and analytic notes form a project monograph and a contrasting indexed building atlas.
Useful for: architecture, portfolio, publishing. Image need: high. Complexity: low.
Photograph and plan monograph
Large project photograph with analytic plan/caption pairs in A; a compact index and unequal project spreads in B.
Composition A ↗Composition B ↗
Axial invitation compositions, stepped architectural ornament and ceremonial rules, paired with a house-story and room-concept layout.
Useful for: culture, events, hospitality. Image need: low. Complexity: low.
Cultural evening invitation
A centred axial invitation in a double-rule frame; B pairs a house narrative with stepped elevation, followed by room records.
Composition A ↗Composition B ↗
A playful overhead modular planter connects light, available places and experience to an explained demonstration kit with real device-local saving.
Useful for: commerce, products, campaign. Image need: low. Complexity: medium.
Bright modular-planter offer and growing idea
A bold balcony promise beside an overhead planter and complete conditions sheet; B a current-step worksheet beside the live result.
Composition A ↗Composition B ↗
Elementary shapes, flat color planes and an orthogonal modular grid for culture and graphic work.
Useful for: events, culture, portfolio. Image need: low. Complexity: low.
Geometric event poster
Orthogonal poster modules and an unequal modular exhibition; shapes occupy real space.
Composition A ↗Composition B ↗
Fine botanical line illustration with plate numbers, accepted names and attached observations, from a garden story to a classified cabinet.
Useful for: culture, products, publishing. Image need: medium. Complexity: low.
Plant and origin story
A large botanical plate beside story and specimen label; B organizes complete illustrations with numbered classification records.
Composition A ↗Composition B ↗
Abstract airborne figures, a finite ribbon trajectory and generous editorial pauses connect an asymmetric stage to a real format-and-experience programme.
Useful for: culture, events, campaign. Image need: low. Complexity: medium.
Asymmetric stage and vertical performance sequence
An asymmetric full stage and vertical chapters; B a compact study above a programme/enquiry workspace.
Composition A ↗Composition B ↗
Large photographic frames, dark breathing space and a slow scene sequence for visual storytelling.
Useful for: travel, portfolio, hospitality. Image need: high. Complexity: medium.
Photographic cover and selected scenes
Broad photographic cover and dark breathing space; centred vertical scene filmstrip in B.
Composition A ↗Composition B ↗
Explicit units, synchronized metrics and accurate quantitative marks with a searchable comparison table.
Useful for: data, public-information, documentation. Image need: low. Complexity: medium.
Metrics and paired-dot chart overview
Quantitative overview with a paired-dot Q1/Q2 chart in A; exact filtered/sortable comparison table in B.
Composition A ↗Composition B ↗
Six individually opening illustrated jars connect a radial table and a vertical drawer to a local collection tray and real discovery-sheet export.
Useful for: culture, publishing, campaign. Image need: low. Complexity: medium.
Radial six-jar discovery table
A radial six-jar tabletop beside an invitation; B a vertical drawer alongside inspection and collection.
Composition A ↗Composition B ↗
A literary issue cover and long-form essay, with serif reading rhythm, margin notes and quiet paper surfaces.
Useful for: publishing, culture, personal. Image need: low. Complexity: low.
Cover story and departments
Literary masthead and unequal cover columns; narrow essay measure with a note margin.
Composition A ↗Composition B ↗
Documentary labels, marginal annotations and attached source captions for a readable travel notebook.
Useful for: travel, publishing, personal. Image need: medium. Complexity: low.
Travel fragment with margin notes
Narrative fragment beside marginal annotations in A; chronological diary and preparation rail in B.
Composition A ↗Composition B ↗
Artwork-first exhibition walls and concentrated single-work views, with captions behaving like quiet museum labels.
Useful for: culture, portfolio. Image need: high. Complexity: low.
Exhibition works wall
Three artworks hang at different scales on a broad white wall; B isolates one tall painting beside an index.
Composition A ↗Composition B ↗
Warm serif guidance, approachable illustrated people and a clear three-step path make practical service help feel patient and understandable.
Useful for: services, public-information. Image need: medium. Complexity: low.
People and practical help
Welcoming person-to-person scene beside a plain invitation in A; a numbered vertical service path in B.
Composition A ↗Composition B ↗
Numbered engineering-sheet compositions with dimensioned elevations, explicit units and revision records, plus an orthographic comparison layout.
Useful for: products, documentation. Image need: low. Complexity: low.
Dimensioned component sheet
A dimensional drawing beside a large product identifier and document tag; B aligned orthographic views over a comparison ledger.
Composition A ↗Composition B ↗
A wayfinding directory for public services: an original floor plan, lettered signs and plain routes from arrival to the next step.
Useful for: public-information, services, documentation. Image need: low. Complexity: low.
Building directory with floor plan
A: arrival text beside an original floor plan, then four lettered signage columns. B: one area zoomed in, with a route rail beside a reading column.
Composition A ↗Composition B ↗
Oversized words become the campaign composition, with brief finite type motion and a contrasting date-led two-day programme.
Useful for: campaign, events, culture. Image need: low. Complexity: low.
Oversized word campaign
Three stacked oversized word fields establish the campaign; B uses giant date numerals and ruled session rows.
Composition A ↗Composition B ↗
Three distinct light installations connect a restrained exhibition narrative and a personal route workbench with real local storage, order and text export.
Useful for: culture, architecture, portfolio. Image need: low. Complexity: medium.
Three light-environment exhibition
A narrow vertical title beside a broad installation and alternating environment essays; B immediate index, live stage and personal route ledger.
Composition A ↗Composition B ↗
Three luminous sound layers connect actual synthesis, tempo and intensity controls to a readable locally saved recipe and silent visual instrument.
Useful for: culture, personal, campaign. Image need: low. Complexity: medium.
Horizontal three-membrane score
A broad horizontal three-lane score; B mood index beside vertical channels.
Composition A ↗Composition B ↗
A folded paper-and-aluminum lamp catalogue and numbered assembly workbench with real module, shade and light configuration.
Useful for: products, architecture, portfolio. Image need: low. Complexity: medium.
Folded-light catalogue spread
A vertical collection title, broad central folded lamp and a narrow configure invitation; B a numbered parts rail and live assembly workbench beside controls.
Composition A ↗Composition B ↗
Loud poster language, exposed frames and hard shadows paired with a genuinely usable event programme.
Useful for: events, campaign, culture. Image need: low. Complexity: medium.
Poster-led event offer
Oversized poster words and offset stamp; thick framed programme in B.
Composition A ↗Composition B ↗
Dense editorial columns, strong rules and a clear news hierarchy, paired with a tabular analysis page with explicit units and methods.
Useful for: publishing, public-information, data. Image need: low. Complexity: low.
Multi-story newspaper front page
Full-width lead above an annotated four-branch plan; a brief strip whose centre column carries a bar chart. B uses article rail, argument and full-width numeric ledger.
Composition A ↗Composition B ↗
Warm material surfaces, irregular object forms and asymmetric compositions for independent makers.
Useful for: craft, products, portfolio. Image need: medium. Complexity: medium.
Materials and making story
Unequal object stages, soft backplates and asymmetric story/collection arrangements.
Composition A ↗Composition B ↗
Coherent cutout illustrations, deliberate overlap and friendly type for a playful creative story.
Useful for: events, culture, campaign. Image need: medium. Complexity: medium.
Assembled cutout invitation
Reserved overlapping cutout invitation scene in A; alternating illustrated story chapters in B.
Composition A ↗Composition B ↗
A bold product-to-price hierarchy, colorful original objects and clear buying choices connect a single-product offer with a filtered product shelf.
Useful for: commerce, products. Image need: low. Complexity: medium.
Bright single-product offer
Dominant illustrated product beside price and choices in A; three category-filtered product bays in B.
Composition A ↗Composition B ↗
An off-centre object scene and enlarged material junction, paired with a measured collection document.
Useful for: products, portfolio, hospitality. Image need: medium. Complexity: low.
Object scene and enlarged junction
Off-centre object scene with a lower margin note and enlarged material junction in A; full-width shared-scale collection document in B.
Composition A ↗Composition B ↗
A real segmental WebGL chair and labeled SVG fallback connect assembly, one-joint replacement and six design scenarios to a working two-to-four-stop route.
Useful for: culture, products, campaign. Image need: low. Complexity: medium.
Assembly and disassembly chair story
A sticky chair beside assembly/material narrative; B a material object ledger and route worksheet beside a compact study.
Composition A ↗Composition B ↗
A single wooden ribbon traces a making story and a three-instrument macro collection, with real character, wood and enquiry choices.
Useful for: craft, culture, products, portfolio. Image need: low. Complexity: medium.
Travelling ribbon making story
A travelling ribbon sits beside a vertical making story; B presents three large instrument macro studies before a character and wood selector.
Composition A ↗Composition B ↗
A hand-kept personal portal and subject-filed archive, with visible directories, underlined links and compact beveled information panels.
Useful for: personal, publishing. Image need: low. Complexity: low.
Personal web portal
Centered compact personal portal with narrow directory and practical boxed sections; B separates archive introduction, entry column and subject shelf.
Composition A ↗Composition B ↗
Oversized time numerals and proportional task bars form an editable three-task local day plan with exact midnight-aware exports.
Useful for: products, personal. Image need: low. Complexity: medium.
Clock-led product and complete demonstration
A clock-led proposition before an editor; B narrow task worksheet beside immediate temporal output.
Composition A ↗Composition B ↗
An irregular three-layer soil study connects the year’s seasons to a useful vegetable basket and delivery brief.
Useful for: commerce, craft, products. Image need: low. Complexity: high.
Soil story and seasonal basket
A centered large harvest invitation opens into a broad irregular soil cross-section; B begins with a complete four-season year calendar and a stepped basket builder.
Composition A ↗Composition B ↗
Soft sculptural volumes, diffuse light and generous depth cues support a single object study and a layered practice overview.
Useful for: products, portfolio, services. Image need: low. Complexity: low.
Single ambient object
One sculptural object in a lit room dominates A; three indented layers, led by a primary first layer, organize B.
Composition A ↗Composition B ↗
A vertical book spine, thematic edition shelves and original openable excerpts lead to a device-local reading list.
Useful for: publishing, culture. Image need: low. Complexity: medium.
Vertical spine and three thematic shelves
A tall spine and thematic shelves; B filtered index beside an excerpt reader.
Composition A ↗Composition B ↗
Numbered typographic grids, oversized alignment and precise service or portfolio indexes.
Useful for: services, portfolio. Image need: low. Complexity: low.
Typographic service index
Twelve-column alignment, oversized flush-left type and numbered horizontal divisions.
Composition A ↗Composition B ↗
A readable command index and chronological information panels with a consistent monospace voice.
Useful for: services, documentation, data. Image need: low. Complexity: low.
Command-like service index
Dense command index in A; chronological log beside a summary rail in B.
Composition A ↗Composition B ↗
A paper trail and transparent three-input selection produce an imaginary day plan, linked preparation checklist and current UTF-8 download.
Useful for: travel, personal. Image need: low. Complexity: medium.
Vertical paper trail and trip moods
A vertical paper trail beside invitation and chooser; B day ledger with adjacent map.
Composition A ↗Composition B ↗
A stable mountain-observatory panorama and relief atlas connect finite dusk-to-night transitions to a real local itinerary and enquiry.
Useful for: travel, architecture, hospitality. Image need: low. Complexity: medium.
Dusk panorama and arrival chapters
A broad stable observatory panorama and three arrival chapters; B a relief atlas beside an immediate narrow planning ledger.
Composition A ↗Composition B ↗
Ordered thread fields, a narrow creative notebook and a parameter-led studio turn two colors and three crossing structures into real standalone SVG samples.
Useful for: craft, portfolio, products. Image need: low. Complexity: medium.
Indexed weaving notebook
A narrow notebook index beside unequal material studies; B a parameter rail beside a large creation table.
Composition A ↗Composition B ↗
Futuristic pop-poster scale, polished metallic objects and tilted orbits, with a distinct indexed audio-visual collection composition.
Useful for: culture, campaign, products. Image need: low. Complexity: low.
Audio-visual release poster
Large stacked poster words beside a metallic object and orbit; B uses one featured edition followed by object-led collection rows.
Composition A ↗Composition B ↗No directions match these filters.
Your chosen direction
The full creation brief is in Lithuanian. Fill in the project fields after copying, or keep the demonstration.
Replace the demonstration content with your own. Use the source layout to guide the page structure, typography and spacing.