Free · 4 CLEAR STEPS
42 art direction previews
Compare complete visual directions before changing a draft.
Reading this guide is free. Check any separate account or provider requirements before continuing.
READ IT. TRY IT. MAKE IT YOURS.
One useful step at a time.
Follow the numbered instructions below. Use “Watch this part” where a related clip is available; it pauses so you can try the step.
STEP 1 OF 4
Browse the gallery
Open Art directions. Search by a feeling or business, or use the design-family filter.
Watch this part 14 secSTEP 2 OF 4
Open a direction
Read its description and the reasons behind its colour, type and layout choices.
Watch this part 5 secSTEP 3 OF 4
Compare desktop and phone
Use both previews. Look at reading order and the main action as well as the first impression.
Watch this part 5 secSTEP 4 OF 4
Continue when ready
Choose the Studio link. Access is checked first; viewing the gallery itself does not overwrite your website.
Follow the written instructions for this step.
HOW YOU KNOW IT WORKED
Check your result.
You can explain why the direction suits your audience, not simply why you like its colours.
If it doesn’t feel right yet.
Clear the filters if nothing matches. Save a restore point before applying any direction inside Studio.
Ask for a helping hand ↗Include the step and what happened. Leave passwords, keys and private customer information out.
Saved only on this browser. It is a reading reminder, not proof of completion or compliance.
WATCH WHEN IT HELPS
42 art direction previews
24 sec · silent, captioned screen walkthrough · recorded 12 October 2026 in a local workspace with fictional content. Pauses edited for reading. Clips show related controls; follow every written step, including any checks outside PorridgeWeb.
Read the video transcript
- 0:00 Step 1 Compare complete art directions before opening the member studio.
- 0:04 Step 1 Filter the collection by a design family.
- 0:09 Step 1 Find a direction by name or feeling.
- 0:13 Step 2 Open the full preview to inspect the design.
- 0:18 Step 3 Check the phone layout and read why the direction works.
Keep going at your own pace.
← All tutorialsGuide checked against the working tools on 12 October 2026. External service screens and requirements may change.