Free art-direction preview
Find the visual system hiding in your page.
Start with a complete example, learn the method, then build a private palette, texture, composition, and placement direction without publishing a result URL.
Complete sample report
A warm editorial product page
The page uses warm neutrals, a tactile tone, and a spacious editorial layout. The resulting system keeps paper texture and hand-made edges consistent while assigning one clear scene to every part of the story.
- Palette
- Ink brown, clay coral, muted gold, warm cream, and uncoated-paper white.
- Texture
- Layered cut paper, printed grain, softened edges, and small registration imperfections.
- Composition
- One narrative subject per section, consistent horizon lines, and generous text-side negative space.
- Placement
- Hero scene, explanatory section scene, reusable decorative pieces, and one social crop.
Methodology
From existing page to placement-ready system
Read the page
Identify the existing palette, type character, density, shapes, product story, and the sections that need visual support.
Propose directions
Translate those signals into distinct visual worlds. Compare medium, metaphor, composition, and how each system would scale.
Lock the rules
Choose one direction and make its palette, materials, camera, lighting, edge treatment, and exclusions explicit.
Map the pack
Assign a purposeful scene to each placement, then export transparent subjects and separate motion-ready layers.
Private worksheet
Build a starting direction
This narrow diagnostic is deliberately local and bounded. It does not crawl the URL or create a shareable result page; it helps you choose a useful starting system before the full Designelier analysis.
Private, transient result
Your direction appears here.
Choose the page tone and build a starting palette, texture, composition, and placement map.