Overview
The canvas design skill follows a two-step creative process:- Design Philosophy Creation - Define an aesthetic movement
- Express Visually - Create the artwork on canvas (PDF or PNG)
This skill creates art objects, not documents with decoration. Output is 90% visual design, 10% essential text.
Core Workflow
Step 1: Create a Design Philosophy
Before creating the artwork, define a visual philosophy that will be interpreted through:- Form, space, color, composition
- Images, graphics, shapes, patterns
- Minimal text as visual accent
Philosophy Structure
Philosophy Structure
Name the movement (1-2 words):
- “Brutalist Joy”
- “Chromatic Silence”
- “Metabolist Dreams”
- “Concrete Poetry”
- “Geometric Silence”
- How does this manifest through space and form?
- What color and material choices define it?
- How do scale and rhythm work?
- What composition and balance principles apply?
- How is visual hierarchy established?
Step 2: Express on Canvas
Implement the philosophy as a visual artifact (PDF or PNG) with:- Museum or magazine quality execution
- Single page, highly visual, design-forward output (unless multiple pages requested)
- Repeating patterns and perfect shapes
- Sparse, clinical typography and systematic reference markers
- Limited, intentional color palette
Philosophy Examples
Concrete Poetry
Concrete Poetry
Philosophy: Communication through monumental form and bold geometry.Visual expression: Massive color blocks, sculptural typography (huge single words, tiny labels), Brutalist spatial divisions, Polish poster energy meets Le Corbusier. Ideas expressed through visual weight and spatial tension, not explanation. Text as rare, powerful gesture - never paragraphs, only essential words integrated into the visual architecture.
Chromatic Language
Chromatic Language
Philosophy: Color as the primary information system.Visual expression: Geometric precision where color zones create meaning. Typography minimal - small sans-serif labels letting chromatic fields communicate. Think Josef Albers’ interaction meets data visualization. Information encoded spatially and chromatically. Words only to anchor what color already shows.
Analog Meditation
Analog Meditation
Philosophy: Quiet visual contemplation through texture and breathing room.Visual expression: Paper grain, ink bleeds, vast negative space. Photography and illustration dominate. Typography whispered (small, restrained, serving the visual). Japanese photobook aesthetic. Images breathe across pages. Text appears sparingly - short phrases, never explanatory blocks.
Organic Systems
Organic Systems
Philosophy: Natural clustering and modular growth patterns.Visual expression: Rounded forms, organic arrangements, color from nature through architecture. Information shown through visual diagrams, spatial relationships, iconography. Text only for key labels floating in space. The composition tells the story through expert spatial orchestration.
Geometric Silence
Geometric Silence
Philosophy: Pure order and restraint.Visual expression: Grid-based precision, bold photography or stark graphics, dramatic negative space. Typography precise but minimal - small essential text, large quiet zones. Swiss formalism meets Brutalist material honesty. Structure communicates, not words.
Design Guidelines
Visual Philosophy Principles
The philosophy must guide expression of ideas visually, not through text. Information lives in design, not paragraphs.
- Avoid redundancy: Each design aspect mentioned once
- Emphasize craftsmanship repeatedly: Final work must appear to have taken countless hours
- Leave creative space: Be specific about aesthetic direction but allow interpretive choices
Text as Contextual Element
Text is always minimal and visual-first, but context guides whether that means:- Whisper-quiet labels
- Bold typographic gestures (e.g., punk venue poster vs minimalist ceramics studio)
- Use different, interesting fonts from the
./canvas-fontsdirectory - Nothing falls off the page
- Nothing overlaps
- All elements contained within canvas boundaries with proper margins
- Every element has breathing room and clear separation
Craftsmanship Standards
CRITICAL: Create work that looks like it took countless hours. Make it appear as though someone at the absolute top of their field labored over every detail with painstaking care.
- Composition that feels expert-level
- Perfect spacing and alignment
- Intentional color choices
- Flawless typography integration
- No overlaps or formatting issues
- Every detail refined to perfection
Canvas Creation Process
Treat the abstract philosophical design as if it were a scientific bible:- Borrow visual language of systematic observation
- Dense accumulation of marks, repeated elements, layered patterns
- Build meaning through patient repetition
- Reward sustained viewing
- Add sparse, clinical typography and systematic reference markers
- Suggest this could be a diagram from an imaginary discipline
- Anchor with simple phrases positioned subtly
- Use limited color palette that feels intentional and cohesive
The Paradox
The Paradox
Embrace using analytical visual language to express ideas about human experience. The result should feel like an artifact that proves something ephemeral can be studied, mapped, and understood through careful attention.
Font Integration
Search the./canvas-fonts directory for available fonts. Use different fonts when writing text to maintain sophistication.
Deducing the Subtle Reference
CRITICAL STEP: Before creating the canvas, identify the subtle conceptual thread from the original request.
- Not always literal, always sophisticated
- Someone familiar with the subject should feel it intuitively
- Others simply experience a masterful abstract composition
- The design philosophy provides the aesthetic language
- The deduced topic provides the soul - quiet conceptual DNA woven invisibly into form, color, and composition
Final Refinement
The user ALREADY said: “It isn’t perfect enough. It must be pristine, a masterpiece of craftsmanship, as if it were about to be displayed in a museum.”
- Avoid adding more graphics
- Refine what has been created
- Make it extremely crisp
- Respect the design philosophy and principles of minimalism entirely
- Rather than adding a fun filter or refactoring a font, make the existing composition more cohesive
- If the instinct is to call a new function or draw a new shape, STOP
- Ask: “How can I make what’s already here more of a piece of art?”
Multi-Page Option
Creating Additional Pages
Creating Additional Pages
When requested, create more creative pages along the same lines as the design philosophy but distinctly different:
- Bundle pages in the same PDF or many PNGs
- Treat the first page as a single page in a whole coffee table book
- Make next pages unique twists and memories of the original
- Have them almost tell a story in a tasteful way
- Exercise full creative freedom
Essential Principles
- VISUAL PHILOSOPHY: Create an aesthetic worldview to be expressed through design
- MINIMAL TEXT: Text is sparse, essential-only, integrated as visual element - never lengthy
- SPATIAL EXPRESSION: Ideas communicate through space, form, color, composition - not paragraphs
- ARTISTIC FREEDOM: Provide creative room for visual interpretation
- PURE DESIGN: Make art objects, not documents with decoration
- EXPERT CRAFTSMANSHIP: Final work must look meticulously crafted, labored over with care, the product of countless hours by someone at the top of their field
Output Files
- Design Philosophy (.md file) - The aesthetic manifesto (4-6 paragraphs)
- Final Artwork (.pdf or .png file) - The visual expression of the philosophy
Create original visual designs, never copying existing artists’ work to avoid copyright violations.
Context & Sophistication
IMPORTANT: For any type of content, even if the user requests something for a movie/game/book, the approach should still be sophisticated. Never lose sight of the idea that this should be art, not something that’s cartoony or amateur.