Preview image. Unlock full-res
Conceptual visual explaining three organizational structures (Spaces, Folders and Tags, Collections) using soft-gradient pastel cards and minimal interface mockups.
Summary
Educational diagram showing three data organization methods (Spaces, Folders and Tags, Collections) side-by-side using soft gradient cards with embedded interface details.
Visual description
A three-column layout explaining organizational paradigms. Each column is a rounded-corner card with a distinct pastel gradient: blue (Spaces), teal (Folders and Tags), green (Collections). Each card contains a headline, brief description text, and small interface preview mockups showing how the system works. The Spaces card shows nested folder structures (Personal Space, Hard Work Space, Lists). The Folders and Tags card illustrates a file icon with tag metadata. The Collections card displays a database-like table with columns (Title, Author, Created By). Thin sans-serif labels and descriptions accompany each. At the top, sans-serif header text reads "Structure That Adapts to Your Thinking" with a subheading explaining the choice paradigm. The overall background is a very light cream, letting the gradient cards stand out with visual weight.
Key takeaway
The three-card layout makes complex organizational concepts instantly scannable and comparable. Soft pastel gradients feel modern and approachable rather than technical. Each card pairs a description with a small functional mockup, combining narrative with concrete visual proof of how the system works.
Reuse notes
Excellent for SaaS onboarding, product explainers, or educational materials around information management. Works for note-taking, project management, CMS, and personal-organization tools. The pastel palette softens the technical content and appeals to a broad user base. Keep descriptions short and mockups clear.
