Twenty website directions
The new 3D workshop is live. Nineteen fresh redesigns are underway; earlier versions remain available while each replacement is built and reviewed.
20 of 20 previews available
Version 1 is available for all nineteen earlier designs. Revised instructions now require different page structures, typography, navigation and interactions. No replacement is marked finished until its source, actual model settings, browser behavior and rendered design are reviewed.
Redesigns published: 16 of 19.
Last published:
View available previews ↓New previews appear here as they are published.
Pale green / forest ink / pastel 3D
A spatial view makes the source, human decisions and useful result tangible across three real projects.
Try: Choose a project and its Before, Decisions or After state; turn the scene and keep your own project notes.
White / ink / plum
Starts with the work itself, letting a prospect inspect a useful transformation before reading the biography.
Try: Open a project, compare its source, decision and result, then add a relevant reference to your own brief.
White / cobalt blue / orange notes
Lets a visitor practice a small editorial decision immediately and see how supported facts become useful copy.
Try: Mark the source Keep, Clarify or Ask, inspect the revised copy and take an unresolved question into your own brief.
Steel blue / warm white / coral
Makes the method something a visitor can practice through four connected stations.
Try: Inspect a fictional source, choose a question, review the output and practice the next update.
Mint / rose / forest green
Shows how practical business context and careful language work turn a customer’s question into a clear answer.
Try: Choose a fictional service question, switch between English and Polish, and carry the question into your own brief.
Pale green / blue / coral / ochre
Helps a visitor identify where work is stuck before choosing a service or deciding to build anything.
Try: Choose an obstacle on the illustrated map, answer one deciding question, and keep a useful route beside your own notes.
White / black / fine gray rules
Leads with concrete project discoveries, giving a reader enough context to understand why each decision mattered.
Try: Open a project story, compare a plausible reading with its source check, and carry your own reading note into a planning sheet.
Charcoal teal / warm paper / peach
Teaches careful AI-assisted editing through versions a visitor writes, keeps, compares and explains.
Try: Rewrite the fictional FAQ, keep two versions, compare them and explain one decision; open Your task whenever you are ready.
Crimson / cream / condensed display type
A direct typographic entrance for someone who knows whether they want to learn, refresh or build. Each choice concentrates the page around that job.
Try: Choose a giant service word. Read its specific example and find the same preserved worksheet beside that job.
Graphite / slate / amber
Helps a visitor find a relevant example by their problem, rather than read a long sales page from the top. Real projects and proposed exercises remain clearly labeled.
Try: Search fifteen records, combine problem and status filters, open a focused reader, then add that record to your personal brief without replacing your writing.
White / black / electric blue
Makes a refresh traceable at the level of individual facts: what changed, the source that supports it and what remains unanswered.
Try: Inspect a marked fact, apply the later collection-time note, and download a comparison that preserves the original and previous revision.
Warm paper / plum / apricot
A personal letter makes thoughtful intake feel like a conversation, with replies beside the relevant passages.
Try: Write alongside the letter, choose a way to work, then copy or download your own starting brief.
White / cobalt blue / graphite
Makes the source, confirmed changes and unresolved questions visible as separate layers of one useful document.
Try: Inspect the numbered sheets, try a decision and assemble the owner-review copy while keeping unanswered questions visible.
White / black / fine gray rules
Helps a buyer compare the material they bring, the human work involved, the deliverable and what they can update afterward.
Try: Compare Learn, Refresh and Build, open the relevant real-project rows, then choose a scope for your own brief.
Turquoise / yellow / pink / bold rounded type
Helps a hesitant learner see why a plausible answer can still exceed its source. Three colorful rounds turn that distinction into a readable practice activity.
Try: Select an unsupported phrase, read its source-based explanation, then rewrite one sentence beside the source and an authored reference.
Midnight indigo / plum / orange, lilac and mint tracks
Shows a useful habit across three real projects while keeping their material, decisions and ownership distinct.
Try: Choose a stage across the three tracks. Compare what transfers and what stays specific, then add a useful habit or boundary to your own brief.
White / charcoal / teal
Makes close reading and respect for uncertainty visible.
Try: Reveal preserved, changed and unknown parts of an illustrative source.
Pale blue / purple / coral
Helps someone unsure where to start turn three short answers into one practical next step.
Try: Choose the result, material and priorities; compare prepared Learn, Refresh and Build routes and keep your own worksheet.
Ink, cream & vivid red
Gives portfolio work a distinctive art-directed presentation.
Try: Move between a case’s source, judgment and deliverable.
Stone, paper & burgundy
Demonstrates a useful small workspace alongside the offering.
Try: Switch case tabs and open your project worksheet.
Your taste decides
Shortlist directions that interest you. Your choices stay in this page until you reload; download the list to keep it.
Choose “Shortlist” on a design to compare its purpose and interaction here.
Useful combinations
One visual language can hold the site together. A second design can contribute an interaction that makes the offer clearer.
Neighborhood’s welcome, Field Notes’ decision annotations and Launchpad’s starting choices.
Put practical business context first, then help a visitor recognize their next useful step.
Classroom’s practice, Letter’s personal invitation and Lens’s source comparison.
Let someone experience the teaching approach, with fictional practice clearly distinguished from real project evidence.
Gallery or Open Studio’s presentation, Before / After’s explanation and Cabinet’s organization.
Give the work room to speak, then make its decisions and source material easy to explore.
Clear Grid’s offer hierarchy, Workshop’s source check and a short personal project brief.
Connect a clear service choice with one small demonstration of useful human judgment.
Transfer the teaching and organization methods. Keep each owner’s facts, voice, records and approval responsibilities with their own project.