Foyer: Route the Brief
Tests whether a playful host can teach visitors how different project needs map to delivery paths.
Choose Storefront, Website or Web app for each incoming project brief; keys 1 to 3 provide the same controls.
Interactive studies in motion, physics, colour, typography and AI interfaces. Portfolio shows delivered client work; this is the R&D bench.
Match each incoming project need to a delivery path. Click a route or use keys 1–3. Every study runs directly on this page inside an isolated frame.
Tests whether a playful host can teach visitors how different project needs map to delivery paths.
Choose Storefront, Website or Web app for each incoming project brief; keys 1 to 3 provide the same controls.
Choose any study. Your trail is kept only for this visit.
Tests whether pointer-responsive particles can create depth without a 3D engine.
The particle field is decorative. Its core idea is a responsive field that bends around pointer or touch input.
Tests how spring motion communicates weight, resistance and recovery.
Drag the three spring nodes, or focus a node and move it with the arrow keys.
Tests whether proximity can reveal priority before a visitor commits to a click.
Use Tab to move through the nine signal nodes if pointer proximity is not available.
Tests direct colour control for generative art direction and mood exploration.
Use the two colour inputs and spread slider to compose a gradient field.
Tests how far display typography can move before legibility gives way.
Change the motion mode or tempo to compare movement with reading effort.
Tests when a page-native host cue helps without interrupting exploration.
Three intent choices demonstrate how Foyer can change a page-native guidance cue without opening a separate overlay.
Tests whether live feedback can turn an intimidating project form into a useful brief.
Choose a project type, describe the desired change and adjust the pace to shape a concise project brief.
Tests product filtering and quick-look decisions without breaking browsing flow.
Filter the product shelf, open an item and add it to the local shortlist.
Tests whether outcome-first choices explain a tailored service more clearly than a package list.
Choose a project outcome and depth to see the suggested service structure change.
Tests a draggable before-and-after reveal for explaining design transformation.
Move the comparison slider to reveal a project progressing from wireframe structure to a designed storefront.
Tests how one interface can expose different signals for people, search and answer systems.
Choose a human, search or answer-system layer, then move the lens with a pointer or arrow keys.
Experiments can be unfinished, narrow or deliberately strange. Portfolio is where client delivery is documented.