Files
our-claude-skills/custom-skills/06-ourdigital-designer/shared/references/visual_metaphors.md
Andrew Yim aab98f405d docs(ourdigital): align brand/blog/designer skill references to v3.3/v2.1 (#10)
Merge-align the core trio's reference material to the authoritative OurDigital
guides (Blog Project Instruction v3.3, Writing Style Guide v2.1, Visual Style
Guide v2.1), preserving each skill's structure:

- 01-brand-guide: brand-foundation + writing-style — identity statement, mission,
  three channels, OurDigital-vs-Clinic boundary, four writing principles,
  평서체/전문용어 병기 rules, authority order.
- 02-blog: blog-style-guide — channel identity, writing characteristics,
  post structure (char counts), SEO (title/meta/English slug), Ghost metadata,
  self-edit checklist.
- 06-designer: visual_metaphors (both copies kept identical) — bright editorial
  minimalism, Preferred/Avoid metaphor dictionary, 5 palettes, signature motifs,
  Korean-via-restraint, human-trace rule.

Source of truth: knowledge-base/ourdigital in our-ai-editor (PR #12).

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-05 21:16:07 +09:00

6.7 KiB
Raw Blame History

Visual Metaphor Dictionary

Quick reference for translating abstract concepts into visual elements.
Default direction: bright editorial minimalism with conceptual depth — light/warm-neutral backgrounds, 30%+ negative space, one clear focal metaphor, one human-scale anchor.

Technology & Digital

Concept Preferred Metaphor Alternatives Avoid
AI Co-writing desk, translucent companion shape, mirror Soft geometric overlay, window reflection Robot face, glowing brain, Terminator mood, crystalline growth
Algorithm Path map, constellation over paper, sorting trays Gentle maze, flow chart as art Black-box cube, surveillance grid
Data Flowing dots, paper charts, seed-like particles Water stream, gentle scatter Neon matrix, endless binary code
SEO/Search Compass, map, signpost, light through shelves Library index, folded path Magnifying glass cliché alone
Automation Clockwork garden, conveyor of paper, small helpful mechanism Self-assembling organic structure Industrial robot arm, factory dystopia
Network Roots, threads, bridges, neurons, community table Constellation, river delta Spider web trap, dark cables
Privacy Curtain, frosted glass, closed notebook, soft boundary One-way window Lock icon alone, heavy shadow
Content Notebook, seeds, layered paper, archive boxes, small lamp Open shelves Generic document icons
Code Musical notation, blueprint detail DNA strands Heavy terminal/green-code imagery

Social & Cultural

Concept Preferred Metaphor Alternatives Avoid
Identity Layered paper portrait, reflection in window, fingerprint as landscape Translucent profile Faceless mask overload
Community Shared table, overlapping circles, lighted windows Small bridges, woven threads Crowd silhouettes in darkness
Isolation Single lit desk, island of paper, window distance Empty chair in warm light Lonely person in black void
Communication Threads, folded letters, bridge, echo rings Light beams Speech bubble clutter
Trust Clear water, open notebook, steady lamp Transparent materials Handshake stock image
Reputation Ripples, layered traces, visible footprints Soft badges Star-rating cliché
Change Folded paper becoming path, seed from circuit, gentle transition Phase shift, seasonal cycle Dramatic explosion, shattered pattern

Philosophical & Abstract

Concept Preferred Metaphor Alternatives Avoid
Time Calendar pages, soft spiral, sediment-like paper layers Loops, tide marks Melting clock cliché
Knowledge Lamp, window light, open book, growing plant Expanding shelves Glowing brain
Uncertainty Foggy path, half-open door, incomplete map Soft blur at edges Storm clouds only
Balance Asymmetrical stones, mobile, table edge, quiet scale Tensegrity Literal scale icon only
Paradox Möbius paper strip, two paths meeting, shadow/light on same object Nested frames Escher-like complexity overload
Wisdom Window overlooking depth, layered book spines Ancient stone in light Heavy mystical imagery
Choice Diverging paths, open doors, fork in paper map Branching thread Dramatic split/explosion

Emotional States

Emotion Visual Translation Color Guidance
Anxiety Fragmented grids, incomplete maps Desaturated warm neutrals; avoid pure glitch
Hope Light breaking through window, seedling Warm gradients on light background
Melancholy Single lit desk, soft dissolution Muted blues on ivory; avoid black void
Joy Expansion patterns, open space Bright, ascending on warm white
Peace Still water, open notebook Soft neutrals, generous negative space
Clarity Clean geometry, clear window Pure, minimal with one accent

Signature Motifs (Brand Consistency)

Motif Description
Threshold Spaces Doorways, bridges, windows, paths, liminal rooms — transition
Network Organic Roots, threads, neurons, constellations as soft digital networks
Fragment Philosophy Folded paper, layered cards, gentle fragmentation and reassembly
Light Studies Knowledge/uncertainty via window light, lamps, soft gradients
Human Traces Hands, desks, notebooks, chairs, small figures within conceptual scenes
Palette Background Accent Mood
Morning Desk #F7F3EA warm ivory #4A90A4 muted teal calm, thoughtful
Soft Technology #F6F8FA cloud white #F2A65A warm amber clear, quietly optimistic
Warm Data #FFF8EF soft cream #5EAAA8 soft turquoise human, analytical
Clear Critique #F4F6F8 light gray #E07A5F soft coral critical but not aggressive
Human Network #FAF9F6 off-white #8AB17D muted green organic, connected

Dark color limit: max 15% of canvas; never full dark background by default.

Korean Design Elements

Korean Element Western Parallel Application
여백 (Empty space) Negative space Active emptiness — 30%+ default
달항아리 (Moon jar) Minimalism Roundness, asymmetry, soft white
한지 texture Paper grain Subtle background texture only
산수화 (Landscape) Editorial landscape Atmospheric depth without ornament

Avoid: decorative oriental motifs, calligraphy clichés, 오방색 as obvious symbols — express Korean sensibility through spacing and restraint, not surface pattern.

Usage Notes

  1. Layer metaphors: Combine 23 elements; one clear focal object + one human-scale anchor
  2. Avoid clichés: No obvious tech icons (robot, glowing brain, magnifying glass alone)
  3. Match essay tone: bright → practical guides; balanced → analysis; warmer → personal reflections
  4. 30%+ negative space: default; minimum 20% only when composition needs density
  5. Human trace required: include hand, desk, figure, window, or everyday object unless topic demands pure abstraction

Quick Selection Guide

For technology essays: organic-digital hybrid forms in a light, human-scale environment
For social commentary: network patterns with small human traces
For philosophy pieces: calm symbolic scenes with Zen-like spacing
For practical guides: clean editorial diagrams with warm accents
For personal reflections: soft everyday scenes with metaphorical detail