A / a useful route — chosen
A clear grid, bold sans-serif headline, repeated rules and a diagonal image field. Chosen in the simulation for phone legibility and a casual, put-together feeling.
Side Street / the working studio
Small plans.
A clear direction.
The same white T-shirt, given a curious, casual, welcoming identity. This fictional classroom brand explores small discoveries with friends: a new café after class, rather than a grand adventure.
Try Side StreetTry Decide Build Check Keep
One product.
Deliberate design choices.
A chosen meaning
Class done.
Café next?
Side Street is a simple base for small discoveries with friends.
The primary audience hypothesis is a student moving from class to friends who wants to feel casual but put together. A secondary need checks whether the quiet base leaves room for a colorful jacket. These are design assumptions, not customer interviews.
Explorer describes the brand’s recurring character, not a personality assigned to every visitor. The name, turn cue and everyday language invite a small detour.
This is a working coaching example. The project README explains how to run this preserved example. New students should use the unfinished assignment template; SPEC.md records the decisions and actual check evidence.
The comparison behind the page
Two routes.
The same offer.
Both original hero studies use the same white shirt, headline, supporting copy, fictional $28 USD price, size choices and demo-bag action. Their live source notes preserve the viewed design references and limits.
B / room for a detour
Italic serif type and layered, angled forms mix visual languages. The learner found it too fancy for these everyday plans.
Compare both live studies. These visual approaches are not automatic matches for an archetype or proof of customer preference.
Useful and truthful
Help first.
Leave the choice open.
Reciprocity
The freely available jeans-and-open-overshirt idea offers a little styling help before a visitor takes any action. It needs no signup or purchase.
Liking
Familiar class-to-café language aims to make the page feel approachable for the chosen situation. That intended connection is a design hypothesis, not social proof or a conversion claim.
Boundaries
Product and price are fictional. The working size selector and temporary demo bag do not place orders, collect payment, or persist between visits. No product-property claims or customer reviews are invented.
Keep the pieces connected
The working pieces.
01 / Try it ↗
Side Street
The branded page and working demo bag.
02 / Shared identity ↗Live style guide
Actual tokens, headline, supporting copy, buttons and SVG.
03 / Reviewed sizes ↗The wordmark
The kept design at navigation sizes and a 112px stress case, plus its one-ink presentation.
04 / Project path ↗Project README
Setup, workflow and this example’s current evidence.
For background on personas, archetypes and design approaches, use the project reference notes. Automated checks and this simulation do not establish real customer demand or complete accessibility.