Craft — tactile collage around a product preview
Playful / Toy-like · landing page
Source: pending · Classification: pending
Original principle diagram · Draft explanation
Let the product anchor an expressive scene.
What to borrow: Frame a legible product preview with expressive material cues while leaving the headline and action clear.
When to use this principle
- When it works
- Creative tools whose product experience benefits from a warm, personal visual identity.
- When to avoid it
- Texture or overlapping artwork that obscures the action, product detail or text contrast.
Original teaching diagram with illustrative content; not a screenshot or reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.
- Steal · texture/materialmodel draft
The hero combines a blue sky field with torn-paper edges and notebook-like fragments around the product preview. The material references relate to note-taking rather than functioning as unrelated decoration.
- Steal · typographymodel draft
A large serif headline sits above a compact sans-serif action. Use the display face for the promise and keep navigation and controls visually direct.
- Steal · grid/layoutmodel draft
The preview enters from the lower part of the scene beneath the headline and centered action. Keep a recognizable product surface visible so the atmosphere still explains what is being offered.
Fonts: UntitledSansFont, UntitledSerifFont · Original: Craft
private-reference-only
View original ↗Source & usage rights
Original: Craft. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-10-10. Capture does not establish source verification.