--- schema_version: 1 id: "twilight-expedition" name: "Twilight Expedition" summary: "A stable mountain-observatory panorama and relief atlas connect finite dusk-to-night transitions to a real local itinerary and enquiry." family: "spatial" tags: ["dimensional", "cinematic", "calm", "task-led"] best_for: ["travel", "architecture", "hospitality"] avoid_for: ["data", "documentation"] density: "balanced" image_dependency: "low" motion_level: "expressive" complexity: "medium" signature: {"composition": "A broad stable observatory panorama and three arrival chapters; B a relief atlas beside an immediate narrow planning ledger.", "typography": "Quiet Georgia display headings, small spaced documentary labels and practical Arial controls.", "navigation": "Visible route/enquiry anchors and an actual sibling layout; B begins with planning rather than narrative chapters.", "content_rhythm": "Panorama, three arrival chapters and route programme versus atlas workbench, timed stops and enquiry.", "imagery": "Original depth-tested triangulated mountain terrain and small faceted observatory dome; labelled static SVG fallback.", "color_and_material": "Night blue, rock gray, amber and warm white, with opaque readable labels and a finite sky-light change.", "interaction": "Three routes, four durations and one-to-eight participants change three stop descriptions, total time and exact validated unsent enquiry.", "motion": "One-second initial light; reversible two-second dusk-to-night; small linear chapter camera shifts; finite route drawing and a duration marker, with pause and reduced states."} status: "ready" prompt_path: "prompts/twilight-expedition/prompt.en.md" --- # Twilight Expedition ## Intent Twilight Expedition makes a small mountain observatory the destination of a useful evening plan. Hesperyn is a clearly fictional concept, with original schematic geography and an unsent local enquiry. The visitor chooses a route, observation duration and group size before preparing text for a real organizer. There are no location coordinates, availability, weather, astronomical predictions or successful bookings. This direction suits architecture, travel concepts and small hospitality experiences whose practical information can accompany an atmospheric view. ## Signature Preserve five invariants: a single stable panoramic terrain; a modest but recognizable architectural dome; one reversible dusk-to-night light transition; three numbered arrival stages; and a route-to-time-to-enquiry relationship. Avoid making the object an enormous floating product. Its small scale expresses the relationship between architecture and landscape. A compact serif title and fine documentary labels sit on opaque readable surfaces. The terrain remains in one coordinate system during changes. The alternate composition keeps these relationships while putting planning ahead of narrative. ## Typography Georgia provides quiet display headings with a small italic emphasis in the opening invitation. Arial carries controls and practical descriptions. Both use system fallback stacks without font requests or licensed font files. Labels use small spaced capitals, while long descriptions retain ordinary casing and a comfortable reading measure. The title scales rather than clipping on phones. Lithuanian letters occur in headings, route names, forms and a visible glyph sample. ## Color and surfaces Night blue grounds the whole page. Rock gray supports secondary information and relief; amber identifies useful actions and routes; warm white carries body text. Generated tokens provide interface colors and WebGL base colors. Procedural shading darkens distant geometry and interpolates the sky between dusk and night. Essential text stays on opaque blue panels instead of depending on a changing landscape pixel for contrast. Controls retain borders, pressed states and visible focus. Stars appear as a quiet static shader pattern in the final night state, without flickering or simulated astronomical accuracy. ## Layout A A slim masthead precedes a broad panorama with a compact title near its upper corner. The small dome remains part of the ridge rather than replacing it. Light and pause controls sit below the image with a truthful capability label. Three numbered arrival chapters follow in reading order: Arrive, Settle and Watch. A route ledger then shares space with the duration and participants panel. Preparation and an enquiry finish the experience. This sequence lets a visitor understand arrival before building a programme. ## Layout B B begins with an atlas title and a split workbench. A wide relief view sits beside a narrow programme ledger, so route, duration and group decisions are available immediately. A route sketch links the selected itinerary to three numbered stop explanations and their illustrative times. Preparation and enquiry follow the working plan. There is no repeated opening chapter strip. At smaller widths the terrain precedes the ledger in document order. Navigation and information priority therefore differ from A, while the stable panorama and practical planning remain recognizable. ## Imagery The depth-tested WebGL scene contains an original triangulated terrain, a low rectangular observatory base and a faceted hemisphere dome with an amber window. It uses native shaders and authored geometry, without imported models, photography, external dependencies or map services. A line follows the selected route across the terrain. A separate original SVG repeats a schematic mountain, dome and three stops if graphics are unavailable. The fallback is visibly labelled and does not claim to be live 3D. ## Navigation and interaction Visible links reach routes and enquiry and switch between actual sibling compositions. Native select, range and numeric controls change route, observation duration and group size. Three stop buttons provide text explanations; the ordinary list always exposes the same essential information. Programme times start at an explicitly illustrative 18:00, include route walking time and a fifteen-minute adaptation stop, and end after the chosen observation. Required name and email fields prepare a local draft. Clipboard failure selects the exact current text for manual copying. No contact or plan is transmitted. ## Motion The initial light episode settles within one second. The named night action takes two seconds in the same panorama and reverses on a second action. Arrival chapter intersections initiate a bounded straight camera displacement of at most a small fraction of the scene width and mark one text block. Route changes redraw a short path and settle in 650 milliseconds. Duration edits move the timeline marker and immediately update the programme. Pause, hidden-document and offscreen handling stop animation work. Reduced motion applies final informative states without animation frames, and compacts the arrival chapters into a static row or mobile stack. ## Responsive behavior Desktop A uses a broad panorama, three arrival columns and a two-column planning spread. Desktop B pairs a terrain atlas and a narrow ledger before its stop sequence. Tablet widths reduce side margins, and B moves the ledger under its image. At 390 and 360 pixels the panorama uses a deliberate crop around the architecture; chapters become compact stacked entries, controls occupy available width and stop explanations remain text. No essential task requires canvas dragging, hover, a tiny map pin or horizontal scrolling. Long labels wrap within their real controls. ## Accessibility Use one h1, a main landmark, a skip link, clear labels and ordered section headings. Each stop exposes its pressed state and explanatory text. The canvas has an informative accessible description; its route information repeats in HTML. Required contact fields and the bounded integer group input use native validity, with whitespace-only names rejected. The draft is labelled and readonly, with an honest live copy status. Actual acceptance includes keyboard focus, contrast, four widths, both compositions, reduced motion, WebGL loss and blocked graphics. These tests are scoped evidence rather than certification. ## Adaptation Replace the fictional destination, programme and brand only with approved project facts. Keep the relationship between one calm panorama, a small architectural marker and a useful itinerary. Another setting may use an authored terrain or licensed scene while retaining the two distinct reading orders. A production organizer must supply verified location, access and operational information; real submission requires an explicit integration. Preserve a text route list and local copy fallback when changing framework. Full creation prompts include project placeholders and the selected composition, so another agent can reproduce the direction independently. ## Avoid Exactly three deviations damage this direction: perpetual orbit or drifting stars that prevent the panorama from settling; presenting schematic times, routes or light as verified geography and sky conditions; and replacing the planning relationship with interchangeable destination cards whose choices never change the enquiry. Keep the architectural object small, the transitions finite and the draft current. ## Closest styles Cinematic Photo uses licensed photographic frames and a reflective scene sequence. This style instead uses one authored depth-tested landscape, reversible light and an editable route ledger, changing imagery, interaction and content structure. Field Notes uses warm paper, marginal annotations and a chronological diary. Here dark panoramic space, atlas-to-ledger navigation and live route-to-duration planning change material, composition and task. Compare actual ready previews at the same viewport.