first commit

sn-infographic/references/styles/aged-academia.md

@@ -0,0 +1,36 @@
+# aged-academia
+
+Historical scientific illustration with aged paper aesthetic.
+
+## Color Palette
+
+- Primary: Sepia brown (#704214), aged ink, muted earth tones
+- Background: Parchment (#F4E4BC), yellowed paper texture
+- Accents: Faded red annotations, iron gall ink spots
+
+## Variants
+
+| Variant | Focus | Visual Emphasis |
+|---------|-------|-----------------|
+| **Notebook** | Personal sketches, inventions | Cursive notes, margin annotations |
+| **Specimen** | Scientific classification | Numbered diagrams, Latin labels |
+
+## Visual Elements
+
+- Aged paper texture overlay
+- Detailed cross-hatching and line work
+- Scientific illustration precision
+- Study notes and annotations
+- Specimen plate or sketch aesthetic
+- Numbered diagram elements
+
+## Typography
+
+- Handwritten cursive or serif fonts
+- Scientific annotations
+- Small caps for labels
+- Italics for scientific names
+
+## Best For
+
+Scientific education, biology topics, historical explanations, inventions, nature documentation

sn-infographic/references/styles/art-deco.md

@@ -0,0 +1,30 @@
+# art-deco
+
+1920s geometric decorative style with luxurious, glamorous feel.
+
+## Color Palette
+
+- Primary: Gold (#D4AF37), black, rich jewel tones
+- Background: Black, deep navy, cream
+- Accents: Metallic gold, silver, chrome
+
+## Visual Elements
+
+- Geometric sunburst patterns
+- Fan and chevron shapes
+- Symmetrical compositions
+- Stepped ziggurat forms
+- Elegant decorative borders
+- Stylized floral motifs
+- Luxurious metallic accents
+
+## Typography
+
+- Bold geometric sans-serif
+- Elegant serif headlines
+- All-caps with wide letter spacing
+- Art deco display fonts (Broadway, Peignoir)
+
+## Best For
+
+Luxury brands, vintage glamour, 1920s themes, premium products, elegant events, Gatsby-style presentations

sn-infographic/references/styles/art-nouveau.md

@@ -0,0 +1,30 @@
+# art-nouveau
+
+Natural curves and organic forms. Late 19th-century decorative style inspired by plants, flowers, and flowing lines.
+
+## Color Palette
+
+- Primary: Sage green, gold, deep teal, burgundy
+- Background: Warm ivory (#F5EDD6) or deep jewel tone
+- Accents: Gilded gold (#C9A84C), soft lavender, rose
+
+## Visual Elements
+
+- Sinuous, flowing curves inspired by plant forms
+- Stylized flowers, vines, and botanical motifs
+- Decorative borders that integrate with content
+- Whiplash curves and asymmetric compositions
+- Stained-glass color blocking
+- Female figures with flowing hair and robes (optional)
+- Ornate frames and cartouches
+
+## Typography
+
+- Flowing, organic letterforms
+- Decorative initials and drop caps
+- Curved text following organic paths
+- Art Nouveau display fonts (Alfie, Jugendstil)
+
+## Best For
+
+Nature and botanical content, beauty and wellness brands, cultural heritage topics, luxury lifestyle, floral and garden themes

sn-infographic/references/styles/baroque.md

@@ -0,0 +1,28 @@
+# baroque
+
+17th-century Baroque grandeur: dramatic chiaroscuro, ornate decoration, and theatrical dynamism.
+
+## Color Palette
+
+- Primary: Deep golds, rich burgundy, royal blue
+- Background: Dark brown, near-black, or deep shadow
+- Accents: Bright gold highlights, warm candlelight tones
+
+## Visual Elements
+
+- Dramatic light-dark contrast (chiaroscuro)
+- Ornate decorative borders and flourishes
+- Diagonal dynamic compositions
+- Drapery, columns, and architectural elements
+- Cherubs, laurels, and classical motifs
+- Rich texture and material detail
+
+## Typography
+
+- Ornate serif with swash alternates
+- Engraved or embossed letterforms
+- Decorative drop caps and flourishes
+
+## Best For
+
+Classical music and arts content, historical topics, luxury and heritage brands, ceremonial or award content, cultural institution materials, opulent event promotions

sn-infographic/references/styles/bauhaus.md

@@ -0,0 +1,29 @@
+# bauhaus
+
+Bauhaus design style: form follows function, geometric shapes and primary colors.
+
+## Color Palette
+
+- Primary: Red, yellow, blue (pure primaries)
+- Background: White or black
+- Accents: Gray tones for structure
+
+## Visual Elements
+
+- Basic geometric shapes: circles, triangles, rectangles
+- Strict functional composition
+- No decorative ornament
+- Strong grid structure
+- Bold lines and flat planes
+- Industrial precision
+
+## Typography
+
+- Sans-serif, geometric typefaces
+- Clear hierarchy through size and weight
+- Text as visual element
+- Functional over decorative
+
+## Best For
+
+Design education content, architecture and product design topics, modernist history, functional process diagrams, design principle explanations

sn-infographic/references/styles/cartoon-flat.md

@@ -0,0 +1,28 @@
+# cartoon-flat
+
+Clean cartoon shapes with flat color treatment.
+
+## Color Palette
+
+- Primary: Vibrant saturated colors
+- Background: White or solid color fields
+- Accents: Contrasting outlines, bold fills
+
+## Visual Elements
+
+- Flat color fills without gradients
+- Bold, simple outlines
+- Cartoon character illustrations
+- Simple geometric shapes
+- Clean, vector-like appearance
+- No shadows or 3D effects
+
+## Typography
+
+- Rounded or cartoon fonts
+- Clear, bold labels
+- Speech bubbles for dialogue
+
+## Best For
+
+Children's content, character-driven narratives, friendly explanations, mascot-led guides, playful presentations

sn-infographic/references/styles/chalkboard.md

@@ -0,0 +1,61 @@
+# chalkboard
+
+Black chalkboard background with colorful chalk drawing style
+
+## Design Aesthetic
+
+Classic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.
+
+## Background
+
+- Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)
+- Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks
+
+## Typography
+
+Hand-drawn chalk lettering style with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Chalkboard Black | #1A1A1A | Primary background |
+| Alt Background | Green-Black | #1C2B1C | Traditional green board |
+| Primary Text | Chalk White | #F5F5F5 | Main text, outlines |
+| Accent 1 | Chalk Yellow | #FFE566 | Highlights, emphasis |
+| Accent 2 | Chalk Pink | #FF9999 | Secondary highlights |
+| Accent 3 | Chalk Blue | #66B3FF | Diagrams, links |
+| Accent 4 | Chalk Green | #90EE90 | Success, nature |
+| Accent 5 | Chalk Orange | #FFB366 | Warnings, energy |
+
+## Visual Elements
+
+- Hand-drawn chalk illustrations with sketchy, imperfect lines
+- Chalk dust effects around text and key elements
+- Doodles: stars, arrows, underlines, circles, checkmarks
+- Mathematical formulas and simple diagrams
+- Eraser smudges and chalk residue textures
+- Wooden frame border optional
+- Stick figures and simple icons
+- Connection lines with hand-drawn feel
+
+## Style Rules
+
+### Do
+
+- Maintain authentic chalk texture on all elements
+- Use imperfect, hand-drawn quality throughout
+- Add subtle chalk dust and smudge effects
+- Create visual hierarchy with color variety
+- Include playful doodles and annotations
+
+### Don't
+
+- Use perfect geometric shapes
+- Create clean digital-looking lines
+- Add photorealistic elements
+- Use gradients or glossy effects
+
+## Best For
+
+Educational content, tutorials, classroom themes, teaching materials, workshops, informal learning sessions, knowledge sharing

sn-infographic/references/styles/chinese-guochao.md

@@ -0,0 +1,30 @@
+# chinese-guochao
+
+Chinese traditional elements fused with modern design aesthetics.
+
+## Color Palette
+
+- Primary: Chinese red (#E60012), gold, ink black
+- Background: Rice paper cream, traditional patterns
+- Accents: Jade green, imperial yellow, cinnabar
+
+## Visual Elements
+
+- Traditional motifs: clouds, waves, mountains
+- Chinese calligraphy elements
+- Paper cutting patterns
+- Traditional patterns in modern layouts
+- Mythical creatures (dragon, phoenix)
+- Red envelope and lantern accents
+- Modern reinterpretations of classical art
+
+## Typography
+
+- Chinese calligraphy-inspired
+- Mix of traditional and modern Chinese fonts
+- Vertical text arrangements optional
+- Bold Chinese characters as graphics
+
+## Best For
+
+Chinese cultural content, domestic brands, traditional festivals, heritage themes, modern Chinese aesthetics, C-beauty products

sn-infographic/references/styles/claymation.md

@@ -0,0 +1,29 @@
+# claymation
+
+3D clay figure aesthetic with stop-motion charm
+
+## Color Palette
+
+- Primary: Saturated clay colors - bright but slightly muted
+- Background: Neutral studio backdrop, soft gradients
+- Accents: Complementary clay colors, shiny highlights
+
+## Visual Elements
+
+- Clay/plasticine texture on all objects
+- Fingerprint marks and imperfections
+- Rounded, sculpted forms
+- Soft shadows
+- Stop-motion staging
+- Miniature set aesthetic
+
+## Typography
+
+- Extruded clay letters
+- Dimensional, rounded text
+- Playful and chunky
+- Embedded in clay scenes
+
+## Best For
+
+Playful explanations, children's content, stop-motion narratives, friendly processes

sn-infographic/references/styles/corporate-memphis.md

@@ -0,0 +1,29 @@
+# corporate-memphis
+
+Flat vector people with vibrant geometric fills
+
+## Color Palette
+
+- Primary: Bright, saturated - purple, orange, teal, yellow
+- Background: White or light pastels
+- Accents: Gradient fills, geometric patterns
+
+## Visual Elements
+
+- Flat vector illustration
+- Disproportionate human figures
+- Abstract body shapes
+- Floating geometric elements
+- No outlines, solid fills
+- Plant and object accents
+
+## Typography
+
+- Clean sans-serif
+- Bold headings
+- Professional but friendly
+- Minimal decoration
+
+## Best For
+
+Business presentations, tech products, marketing materials, corporate training

sn-infographic/references/styles/crayon-hand-drawn.md

@@ -0,0 +1,28 @@
+# crayon-hand-drawn
+
+Crayon hand-drawn texture with warm, playful feel.
+
+## Color Palette
+
+- Primary: Warm pastels, soft saturated colors
+- Background: Light cream (#FFF8F0), paper white
+- Accents: Crayon box colors - red, blue, yellow, green
+
+## Visual Elements
+
+- Crayon texture with waxy appearance
+- Slightly imperfect, child-like lines
+- Soft, blended edges
+- Simple cartoon elements and icons
+- Hand-drawn doodles and sketches
+- **Strictly hand-drawn—no realistic or photographic elements**
+
+## Typography
+
+- Hand-drawn or casual font style
+- Clear, readable labels
+- Playful lettering
+
+## Best For
+
+Children's content, educational materials, playful explanations, friendly guides, warm presentations

sn-infographic/references/styles/cubism.md

@@ -0,0 +1,28 @@
+# cubism
+
+Cubist fragmentation: multiple simultaneous viewpoints assembled into geometric faceted compositions.
+
+## Color Palette
+
+- Primary: Muted earth tones — ochre, sienna, gray, brown
+- Background: Neutral, fragmented planes
+- Accents: Occasional bold color plane for emphasis
+
+## Visual Elements
+
+- Fragmented objects shown from multiple angles at once
+- Geometric facets and angular planes
+- Overlapping transparent surfaces
+- Collaged newspaper or texture fragments
+- Flattened pictorial space
+- Analytical deconstruction of form
+
+## Typography
+
+- Fragmented or stenciled letterforms
+- Collaged text elements
+- Integrated as visual object within composition
+
+## Best For
+
+Art history and design education, complex multi-perspective topics, innovation and disruption themes, analytical breakdowns, creative industry content, avant-garde brand positioning

sn-infographic/references/styles/cyberpunk.md

@@ -0,0 +1,30 @@
+# cyberpunk
+
+High tech meets low life - dystopian neon aesthetic.
+
+## Color Palette
+
+- Primary: Neon pink (#FF00FF), cyan (#00FFFF), acid green
+- Background: Deep black (#0A0A0A), dark purple, rain-soaked
+- Accents: Neon glow effects, chrome, rust
+
+## Visual Elements
+
+- Glowing neon on dark backgrounds
+- Rain and wet reflections
+- Circuit patterns and tech overlays
+- Dystopian urban decay
+- Holographic advertisements
+- Mixed high-tech and grunge elements
+- Chinese characters and kanji optional
+
+## Typography
+
+- Glowing neon text
+- Glitchy, digital fonts
+- Cyber-augmented lettering
+- Mixed English and Asian scripts
+
+## Best For
+
+Futuristic concepts, gaming content, tech narratives, dystopian themes, cyber culture, night aesthetics

sn-infographic/references/styles/data-visualization.md

@@ -0,0 +1,28 @@
+# data-visualization
+
+Professional style presenting data via charts, graphs, and graphics. Clarity and accuracy above aesthetics.
+
+## Color Palette
+
+- Primary: Data-driven sequential or diverging palettes
+- Background: White or very light gray (#F8F9FA)
+- Accents: Highlight color for key data points (orange, red, or teal)
+
+## Visual Elements
+
+- Charts: bar, line, scatter, pie, treemap, heatmap
+- Clear axis labels and gridlines (subtle)
+- Data annotations and callouts
+- Consistent visual encoding (color = category, size = magnitude)
+- Legends placed close to data
+- No chart junk—every pixel encodes information
+
+## Typography
+
+- Tabular-figures numeric font (Roboto Mono, IBM Plex Mono)
+- Small, precise labels
+- Hierarchy: chart title > axis labels > data labels > footnotes
+
+## Best For
+
+Statistical reports, research findings, business dashboards, scientific data, comparative analyses, trend visualizations

sn-infographic/references/styles/deconstructivism.md

@@ -0,0 +1,30 @@
+# deconstructivism
+
+Rule-breaking deconstructivist visuals. Fragmented, layered, and deliberately disruptive compositions.
+
+## Color Palette
+
+- Primary: Clashing or unexpected color combinations
+- Background: Fragmented—no unified background
+- Accents: Jarring contrasts, unexpected color intrusions
+
+## Visual Elements
+
+- Overlapping and colliding elements
+- Rotated, skewed, and fragmented shapes
+- Deliberate visual tension and imbalance
+- Exposed construction—grids, guides, and structure visible
+- Text at unexpected angles
+- Elements breaking out of their containers
+- Layered transparency and overprinting
+
+## Typography
+
+- Mixed typefaces and weights intentionally
+- Text fragmented, rotated, or partially obscured
+- Deconstructed letterforms
+- Typography as visual element, not just communication
+
+## Best For
+
+Avant-garde and experimental content, architecture and design topics, critical theory, disruptive brand statements, art and culture commentary

sn-infographic/references/styles/double-exposure.md

@@ -0,0 +1,28 @@
+# double-exposure
+
+Two images merged into one frame — silhouette filled with landscape or texture for poetic visual metaphor.
+
+## Color Palette
+
+- Primary: Duotone or limited palette (2-3 colors)
+- Background: White, black, or gradient
+- Accents: Highlight color for blended overlap zone
+
+## Visual Elements
+
+- Silhouette of subject filled with secondary image
+- Soft blend modes (screen, multiply, overlay)
+- Gradient fade between the two exposures
+- Dreamlike overlap and transparency
+- Strong silhouette as primary shape
+- Texture and detail from secondary image
+
+## Typography
+
+- Minimal, clean sans-serif
+- Placed outside the blended area
+- High contrast against background
+
+## Best For
+
+Emotional storytelling, environmental and nature themes, human interest content, poetry and literature visuals, brand identity narratives, introspective or philosophical topics

sn-infographic/references/styles/expressionism.md

@@ -0,0 +1,28 @@
+# expressionism
+
+Expressionist distortion of reality to convey raw emotion — bold, anguished, and psychologically intense.
+
+## Color Palette
+
+- Primary: Unnatural, emotionally charged colors
+- Background: Turbulent, non-realistic tones
+- Accents: Jarring complementary contrasts
+
+## Visual Elements
+
+- Distorted, exaggerated forms
+- Agitated, angular brushwork
+- Psychological tension in composition
+- Elongated figures and warped space
+- Dark outlines containing raw color
+- Emotional rather than realistic rendering
+
+## Typography
+
+- Jagged, hand-drawn letterforms
+- Expressive, slightly unstable text
+- Bold weight with emotional charge
+
+## Best For
+
+Mental health and psychology content, social commentary, emotional journey narratives, art and culture topics, conflict and crisis visualization, powerful advocacy materials

sn-infographic/references/styles/fashion-editorial.md

@@ -0,0 +1,29 @@
+# fashion-editorial
+
+High-fashion magazine visual language: bold, aspirational, and directorial with strong art direction.
+
+## Color Palette
+
+- Primary: Sophisticated neutrals or bold monochromatic
+- Background: Clean white studio or dramatic dark
+- Accents: One strong accent color for editorial punch
+
+## Visual Elements
+
+- Strong hero image with confident cropping
+- Generous white space around key elements
+- Dramatic lighting and shadow
+- Luxury product or figure as focal point
+- Minimal graphic elements, maximum image impact
+- Asymmetric, confident layout
+
+## Typography
+
+- High-fashion serif (Didot, Bodoni style)
+- Large headline with tight tracking
+- Elegant caption typography
+- Mix of weights for editorial hierarchy
+
+## Best For
+
+Luxury brand content, beauty and fashion topics, lifestyle and culture, premium product showcases, trend reports, aspirational brand storytelling

sn-infographic/references/styles/film-photography.md

@@ -0,0 +1,28 @@
+# film-photography
+
+Analog film aesthetic with characteristic grain, color shifts, and the warmth of chemical photography.
+
+## Color Palette
+
+- Primary: Warm or cool film tones (Kodak warm, Fuji cool)
+- Background: Faded, slightly desaturated
+- Accents: Light leaks in orange, red, or magenta
+
+## Visual Elements
+
+- Film grain texture overlay
+- Slight vignetting at edges
+- Color cross-processing shifts
+- Light leak flares
+- Faded highlights and lifted blacks
+- Sprocket holes or film border aesthetic
+
+## Typography
+
+- Typewriter or retro serif fonts
+- Slightly faded or aged text treatment
+- Stamp or darkroom label aesthetic
+
+## Best For
+
+Travel and lifestyle content, nostalgia and memory themes, documentary-style storytelling, cultural history, personal narrative infographics, photography industry content

sn-infographic/references/styles/flat-design.md

@@ -0,0 +1,28 @@
+# flat-design
+
+No shadows or gradients; solid color blocks and simple shapes. Clean, modern, universally readable.
+
+## Color Palette
+
+- Primary: Flat solid colors, no gradients
+- Background: Light neutral or bold solid color
+- Accents: Complementary flat colors, limited palette (3–5 colors)
+
+## Visual Elements
+
+- Zero drop shadows, zero bevels, zero textures
+- Simple geometric shapes as icons and illustrations
+- Bold color fills with clear boundaries
+- Minimal detail—every element serves a purpose
+- Consistent icon style throughout
+- Flat illustrations replacing photography
+
+## Typography
+
+- Clean sans-serif (Roboto, Open Sans, Nunito)
+- Bold weight for headings
+- High contrast between text and background
+
+## Best For
+
+App UI infographics, process flows, step-by-step guides, social media content, modern educational materials

sn-infographic/references/styles/fractal-art.md

@@ -0,0 +1,28 @@
+# fractal-art
+
+Mathematical fractal beauty: infinite self-similar patterns generated through recursive geometry.
+
+## Color Palette
+
+- Primary: Deep space blacks and electric spectrum colors
+- Background: Near-black with luminous depth
+- Accents: Bright neon or gradient spectrum highlights
+
+## Visual Elements
+
+- Self-similar recursive patterns at every scale
+- Mandelbrot, Julia set, or Sierpinski-type forms
+- Infinite zoom depth illusion
+- Organic yet mathematical structure
+- Glowing edges on dark backgrounds
+- Spiral and branching recursive forms
+
+## Typography
+
+- Clean, modern sans-serif
+- Placed outside fractal complexity
+- Glowing or gradient text treatment
+
+## Best For
+
+Mathematics and science content, complexity and chaos theory, nature pattern explanations, technology and AI topics, psychedelic or meditative visuals, abstract data art

sn-infographic/references/styles/geometric-burst.md

@@ -0,0 +1,28 @@
+# geometric-burst
+
+Explosive abstract geometry: shards, rays, and angular forms radiating outward with kinetic energy.
+
+## Color Palette
+
+- Primary: Bold, high-saturation primaries and secondaries
+- Background: Black, white, or deep contrasting tone
+- Accents: Neon or metallic highlights on burst edges
+
+## Visual Elements
+
+- Radiating angular shards from central point
+- Overlapping geometric planes in motion
+- Explosive, centrifugal composition
+- Hard-edged facets with sharp contrast
+- Dynamic diagonal energy lines
+- Fragmented shapes suggesting impact or expansion
+
+## Typography
+
+- Bold, condensed sans-serif
+- Placed at center of burst or outside explosion
+- High contrast, large scale
+
+## Best For
+
+Energy and impact messaging, sports and performance content, product launches, breakthrough announcements, technology disruption themes, high-energy event promotions

sn-infographic/references/styles/glitch-art.md

@@ -0,0 +1,30 @@
+# glitch-art
+
+Digital glitch aesthetic with corrupted data visuals.
+
+## Color Palette
+
+- Primary: RGB split colors, cyan-magenta misalignment
+- Background: Black, corrupted image fragments
+- Accents: Pixel sorting, datamosh effects
+
+## Visual Elements
+
+- RGB color channel separation
+- Pixel sorting and displacement
+- Scan lines and noise
+- Corrupted data blocks
+- Digital artifacts and noise
+- Freeze frame distortion
+- Jpeg compression artifacts
+
+## Typography
+
+- Glitchy, corrupted text
+- RGB split lettering
+- Partially visible characters
+- Digital error messages
+
+## Best For
+
+Tech-forward content, digital art, experimental design, cyber themes, edgy branding, Gen Z audiences

sn-infographic/references/styles/high-contrast-ad.md

@@ -0,0 +1,29 @@
+# high-contrast-ad
+
+High-contrast advertising style with dramatic visual impact.
+
+## Color Palette
+
+- Primary: Bold primaries - red, yellow, blue, black
+- Background: High contrast - white or black
+- Accents: Neon highlights, spot colors
+
+## Visual Elements
+
+- Maximum contrast compositions
+- Bold geometric shapes
+- Dynamic diagonals and angles
+- Halftone dot patterns
+- Impact lines and bursts
+- Minimal but powerful elements
+
+## Typography
+
+- Impact fonts for headlines
+- Large, bold statements
+- Call-to-action emphasis
+- Minimal text, maximum impact
+
+## Best For
+
+Marketing campaigns, attention-grabbing content, promotional materials, bold statements, advertising visuals

sn-infographic/references/styles/holographic.md

@@ -0,0 +1,28 @@
+# holographic
+
+Rainbow holographic aesthetic with iridescent color shifts and shimmering metallic surfaces.
+
+## Color Palette
+
+- Primary: Full spectrum iridescent gradients (pink → purple → cyan → gold)
+- Background: Black, white, or silver metallic
+- Accents: Prismatic light flares, chrome reflections
+
+## Visual Elements
+
+- Iridescent foil texture overlays
+- Color-shifting gradient surfaces
+- Prismatic light diffraction effects
+- Holographic sticker aesthetic
+- Metallic sheen and specular highlights
+- Translucent layered planes
+
+## Typography
+
+- Chrome or holographic metallic text
+- Clean sans-serif with gradient fills
+- Embossed or foil-stamp effect
+
+## Best For
+
+Beauty and fashion content, futuristic product launches, premium brand visuals, music and entertainment, trend reports, Gen-Z targeted content

sn-infographic/references/styles/ikea-manual.md

@@ -0,0 +1,29 @@
+# ikea-manual
+
+Minimal line art assembly instruction style
+
+## Color Palette
+
+- Primary: Black lines, minimal fills
+- Background: White or cream paper
+- Accents: Red for warnings, blue for highlights
+
+## Visual Elements
+
+- Simple line drawings
+- Numbered step sequences
+- Arrow indicators
+- Exploded assembly views
+- Wordless communication
+- Stick figures for scale
+
+## Typography
+
+- Minimal text
+- Step numbers prominent
+- Universal symbols
+- Simple sans-serif when needed
+
+## Best For
+
+Step-by-step instructions, assembly guides, how-to content, universal communication

sn-infographic/references/styles/impressionism.md

@@ -0,0 +1,28 @@
+# impressionism
+
+Impressionist painting style: broken brushwork, captured light, and atmospheric color over precise detail.
+
+## Color Palette
+
+- Primary: Vibrant, pure colors placed side by side
+- Background: Luminous sky blues, warm sunlit tones
+- Accents: Complementary color dabs for vibration
+
+## Visual Elements
+
+- Short, broken brushstrokes of pure color
+- Soft, undefined edges and forms
+- Captured light at a specific moment
+- Atmospheric perspective and haze
+- Reflections on water surfaces
+- Outdoor, natural scene settings
+
+## Typography
+
+- Soft, slightly blurred serif text
+- Painted or watercolor letterforms
+- Integrated naturally into scene
+
+## Best For
+
+Nature and environment content, seasonal and weather topics, art history, travel and landscape themes, wellness and mindfulness, impressionistic data storytelling

sn-infographic/references/styles/instructional-visual.md

@@ -0,0 +1,30 @@
+# instructional-visual
+
+Illustrated instructional design. Clear step-by-step guidance through simple, universal visuals.
+
+## Color Palette
+
+- Primary: Neutral base with 2–3 functional accent colors
+- Background: White or very light gray
+- Accents: Action color (blue/green), warning color (orange/red)
+
+## Visual Elements
+
+- Simple line-art illustrations of hands, objects, actions
+- Numbered step indicators (bold circles or squares)
+- Arrow connectors showing sequence
+- Do/Don't visual pairs with clear marking
+- Minimal detail—silhouette-level clarity
+- Consistent character/object style throughout
+- No photorealism—abstract enough to be universal
+
+## Typography
+
+- Clear sans-serif, medium weight
+- Short imperative labels ("Press", "Insert", "Rotate")
+- Large step numbers
+- Minimal prose—visuals carry the meaning
+
+## Best For
+
+Assembly instructions, how-to guides, safety procedures, onboarding flows, product usage, educational step-by-step content

sn-infographic/references/styles/kawaii.md

@@ -0,0 +1,29 @@
+# kawaii
+
+Japanese cute style with big eyes and pastel colors
+
+## Color Palette
+
+- Primary: Soft pastels - pink (#FFB6C1), mint (#98D8C8), lavender (#E6E6FA)
+- Background: Light pink or cream, sparkle overlays
+- Accents: Bright pops, star and heart shapes
+
+## Visual Elements
+
+- Big sparkly eyes on characters
+- Rounded, soft shapes
+- Blushing cheeks
+- Sparkles and stars scattered
+- Cute animal characters
+- Chibi proportions
+
+## Typography
+
+- Rounded, bubbly fonts
+- Cute decorations on letters
+- Hearts and stars in text
+- Soft, friendly appearance
+
+## Best For
+
+Cute tutorials, children's education, lifestyle content, character-driven explanations

sn-infographic/references/styles/knolling.md

@@ -0,0 +1,29 @@
+# knolling
+
+Organized flat-lay with top-down arrangement
+
+## Color Palette
+
+- Primary: Object's natural colors
+- Background: Solid color - black, white, or colored surface
+- Accents: Shadows, subtle highlights
+
+## Visual Elements
+
+- Top-down camera angle
+- Objects arranged at 90° angles
+- Equal spacing between items
+- Clean organization
+- Symmetry and order
+- No overlapping items
+
+## Typography
+
+- Clean labels
+- Positioned outside objects
+- Connecting lines to items
+- Minimal, catalog-style
+
+## Best For
+
+Product collections, tool inventories, gear layouts, organized overviews

sn-infographic/references/styles/lego-brick.md

@@ -0,0 +1,29 @@
+# lego-brick
+
+Toy brick construction with playful aesthetic
+
+## Color Palette
+
+- Primary: Classic LEGO colors - red, blue, yellow, green, white
+- Background: Light gray baseplate or white
+- Accents: Bright primary pops, shiny studs
+
+## Visual Elements
+
+- Visible brick studs
+- Modular construction
+- Minifigure characters
+- Building instruction style
+- Stackable elements
+- Plastic sheen
+
+## Typography
+
+- Blocky, bold fonts
+- LEGO instruction style
+- Step numbers
+- Playful appearance
+
+## Best For
+
+Building concepts, modular systems, playful education, children's content

sn-infographic/references/styles/line-drawing.md

@@ -0,0 +1,28 @@
+# line-drawing
+
+Pure contour line work with clean outlines and no fills — elegant reduction to essential form.
+
+## Color Palette
+
+- Primary: Black or single ink color on white
+- Background: White or off-white paper
+- Accents: Occasional second color for emphasis
+
+## Visual Elements
+
+- Continuous contour lines defining form
+- Varied line weight for depth and emphasis
+- Hatching and cross-hatching for tone
+- Negative space as compositional element
+- No fills or gradients
+- Precise, deliberate strokes
+
+## Typography
+
+- Serif or hand-lettered for warmth
+- Outlined letterforms matching line style
+- Integrated into illustration naturally
+
+## Best For
+
+Editorial illustrations, botanical and scientific diagrams, architectural sketches, product line art, minimalist educational content, elegant how-to guides

sn-infographic/references/styles/liquid-metal.md

@@ -0,0 +1,28 @@
+# liquid-metal
+
+Flowing liquid metal aesthetic with highly reflective surfaces and fluid chrome forms.
+
+## Color Palette
+
+- Primary: Silver, chrome, gunmetal gray
+- Background: Deep black or dark gradient
+- Accents: Gold, copper, or iridescent highlights
+
+## Visual Elements
+
+- Fluid, morphing metallic shapes
+- High-specular reflections and caustics
+- Mercury-like pooling and dripping forms
+- Smooth organic curves with hard light
+- Subsurface scattering on metal surfaces
+- Motion blur suggesting flow
+
+## Typography
+
+- Extruded or beveled metallic letterforms
+- Reflective chrome text treatment
+- Bold weight to carry metallic texture
+
+## Best For
+
+Luxury tech products, automotive content, premium brand launches, music album visuals, sci-fi and futuristic themes, high-end manufacturing

sn-infographic/references/styles/luxury-minimal.md

@@ -0,0 +1,30 @@
+# luxury-minimal
+
+High-end luxury brand aesthetic with extreme minimalism.
+
+## Color Palette
+
+- Primary: Black, white, gold, champagne
+- Background: Pure white or deep black
+- Accents: Gold foil, silver, subtle emboss effects
+
+## Visual Elements
+
+- Maximum negative space
+- Single focal imagery
+- Elegant geometric shapes
+- Subtle textures (linen, leather grain)
+- Thin elegant lines
+- Minimal decorative elements
+- Premium paper textures
+
+## Typography
+
+- Elegant serif fonts
+- Thin, refined letterforms
+- Generous letter spacing
+- Minimal text, maximum impact
+
+## Best For
+
+Luxury brands, premium products, high-end fashion, jewelry, cosmetics, exclusive experiences, aspirational content

sn-infographic/references/styles/marker-style.md

@@ -0,0 +1,28 @@
+# marker-style
+
+Bold marker illustration with vivid flat colors, visible stroke edges, and graphic punch.
+
+## Color Palette
+
+- Primary: Vivid, saturated marker colors
+- Background: White or light paper
+- Accents: Black outline, neon highlights
+
+## Visual Elements
+
+- Flat color fills with visible marker stroke edges
+- Bold black outlines defining shapes
+- Slight color bleed and overlap at edges
+- Streaky texture within color areas
+- High saturation, graphic contrast
+- Energetic, confident mark-making
+
+## Typography
+
+- Bold hand-lettered or brush-pen text
+- Outlined or filled block letters
+- Energetic, slightly irregular baseline
+
+## Best For
+
+Youth-oriented content, sports and fitness, event promotions, street culture topics, creative industry showcases, vibrant social media infographics

sn-infographic/references/styles/material-design.md

@@ -0,0 +1,28 @@
+# material-design
+
+Google Material Design: paper-and-ink metaphor with depth, shadows, and purposeful motion cues.
+
+## Color Palette
+
+- Primary: Vibrant brand colors from Material palette
+- Background: White or light gray surfaces
+- Accents: Bold accent colors, elevation shadows
+
+## Visual Elements
+
+- Layered paper-like surfaces with drop shadows
+- Elevation system (z-depth)
+- Floating action buttons and cards
+- Ripple and motion indicators
+- Bold icons with consistent stroke weight
+- Grid-based 8dp spacing system
+
+## Typography
+
+- Roboto or similar humanist sans-serif
+- Clear type scale (Display, Headline, Body, Caption)
+- High contrast text on surfaces
+
+## Best For
+
+App and product UI explanations, Android ecosystem content, design system documentation, tech product overviews, UX process diagrams

sn-infographic/references/styles/minimalism.md

@@ -0,0 +1,28 @@
+# minimalism
+
+Remove excess decoration, keep only the essential. Maximum impact through restraint.
+
+## Color Palette
+
+- Primary: Black and white, or single accent color
+- Background: Pure white or off-white (#FAFAFA)
+- Accents: One color only, used sparingly
+
+## Visual Elements
+
+- Single focal element per composition
+- Extreme whitespace—negative space is the design
+- No decorative borders, patterns, or textures
+- Simple geometric shapes if any illustration needed
+- Every element must justify its presence
+
+## Typography
+
+- Thin or light weight sans-serif
+- Large size differentials between hierarchy levels
+- Generous letter-spacing on headings
+- Minimal text—only what is essential
+
+## Best For
+
+Brand statements, key statistics, premium product showcases, thought leadership content, high-impact single-message infographics

sn-infographic/references/styles/mixed-media.md

@@ -0,0 +1,30 @@
+# mixed-media
+
+Mixed-media visuals combining photography, illustration, typography, and texture in one composition.
+
+## Color Palette
+
+- Primary: Drawn from photographic source material
+- Background: Textured—paper, fabric, concrete, or painted surface
+- Accents: Hand-applied color, paint strokes, or marker highlights
+
+## Visual Elements
+
+- Photography combined with hand-drawn illustration
+- Collaged elements from different sources and scales
+- Painted or drawn annotations over photos
+- Torn paper, tape, and physical texture elements
+- Digital and analog elements coexisting
+- Layered depth with varied opacity
+- Intentional visual richness and complexity
+
+## Typography
+
+- Mix of printed and handwritten text
+- Stamped, stenciled, or typewriter-style labels
+- Text integrated into the collage surface
+- Varied scale and orientation
+
+## Best For
+
+Creative portfolios, cultural and arts content, personal narratives, experimental editorial, brand storytelling with authentic texture

sn-infographic/references/styles/modern-ink-wash.md

@@ -0,0 +1,30 @@
+# modern-ink-wash
+
+Traditional ink wash painting blended with contemporary design.
+
+## Color Palette
+
+- Primary: Ink black, gray washes, subtle colors
+- Background: Rice paper cream, off-white
+- Accents: Minimal color touches, red seals
+
+## Visual Elements
+
+- Ink wash gradients and textures
+- Brush stroke textures
+- Negative space (留白) as design element
+- Misty, atmospheric effects
+- Mountains, bamboo, plum blossoms
+- Calligraphic brushwork
+- Contemporary minimal compositions
+
+## Typography
+
+- Brush script style
+- Elegant Chinese serif fonts
+- Minimal text placement
+- Poetic, contemplative feel
+
+## Best For
+
+Cultural content, contemplative themes, Asian aesthetics, artistic presentations, mindfulness content, sophisticated brands

sn-infographic/references/styles/monochrome-illustration.md

@@ -0,0 +1,28 @@
+# monochrome-illustration
+
+Single-tone illustration using one color family — depth through value, not hue.
+
+## Color Palette
+
+- Primary: One hue in full value range (light to dark)
+- Background: Lightest tint of the chosen hue
+- Accents: Near-black deepest shade for emphasis
+
+## Visual Elements
+
+- Full tonal range within a single color
+- Value contrast creates depth and hierarchy
+- Silhouette and shadow play
+- Texture through stippling or hatching
+- Clean, focused compositions
+- Strong graphic readability
+
+## Typography
+
+- Clean sans-serif or elegant serif
+- Same color family, darkest value
+- High contrast against background tint
+
+## Best For
+
+Elegant editorial content, brand-aligned infographics, annual reports, sophisticated data presentations, minimalist storytelling, premium publication design

sn-infographic/references/styles/neon-futurism.md

@@ -0,0 +1,29 @@
+# neon-futurism
+
+Pure neon future aesthetic without dystopian elements.
+
+## Color Palette
+
+- Primary: Neon pink, electric blue, cyan, purple
+- Background: Dark gradients, deep space blacks
+- Accents: Glowing edges, light trails, aurora effects
+
+## Visual Elements
+
+- Clean neon outlines
+- Sleek, polished surfaces
+- Light beams and rays
+- Geometric neon shapes
+- Gradient color transitions
+- No decay or grunge elements
+
+## Typography
+
+- Glowing sans-serif text
+- Light and airy neon lettering
+- Gradient text effects
+- Futuristic, optimistic feel
+
+## Best For
+
+Future concepts, tech products, innovation themes, forward-looking content, clean futuristic visuals

sn-infographic/references/styles/newspaper-collage.md

@@ -0,0 +1,29 @@
+# newspaper-collage
+
+Vintage newspaper and magazine clippings assembled into layered collage compositions.
+
+## Color Palette
+
+- Primary: Aged newsprint yellows, sepia, and cream
+- Background: Kraft paper or aged white
+- Accents: Red rubber stamp, black ink, occasional color clipping
+
+## Visual Elements
+
+- Cut-and-paste newspaper fragments
+- Mismatched typefaces from different sources
+- Torn and scissor-cut edges
+- Overlapping clippings at angles
+- Rubber stamp marks and ink blots
+- Handwritten annotations over printed text
+- Aged paper texture and foxing
+
+## Typography
+
+- Mixed newspaper headline fonts
+- Ransom-note style letter assembly
+- Typewriter text for annotations
+
+## Best For
+
+Historical and archival content, investigative or research topics, media and journalism themes, cultural commentary, DIY and zine aesthetics, political or social issue infographics

sn-infographic/references/styles/op-art.md

@@ -0,0 +1,30 @@
+# op-art
+
+Optical illusion visual art. Geometric patterns that create movement, depth, and perceptual effects.
+
+## Color Palette
+
+- Primary: High-contrast black and white (classic), or complementary color pairs
+- Background: Alternating pattern—no single background color
+- Accents: Vibrating color pairs (red/green, blue/orange) for maximum optical effect
+
+## Visual Elements
+
+- Repeating geometric patterns with systematic variation
+- Concentric shapes creating depth illusion
+- Moiré interference patterns
+- Converging lines creating perspective illusion
+- Checkerboard and grid distortions
+- Bridget Riley-style wave patterns
+- Every element contributes to the optical effect
+
+## Typography
+
+- Minimal—text disrupts the optical effect
+- Bold sans-serif placed in neutral zones
+- White or black only, no color text
+- Large, simple letterforms
+
+## Best For
+
+Perception and psychology topics, optical science content, attention-grabbing covers, abstract concept visualization, design and art education

sn-infographic/references/styles/origami.md

@@ -0,0 +1,29 @@
+# origami
+
+Folded paper forms with geometric precision
+
+## Color Palette
+
+- Primary: Solid origami paper colors - red, blue, green, gold
+- Background: White or soft gray, subtle shadows
+- Accents: Paper fold highlights, crisp shadows
+
+## Visual Elements
+
+- Geometric folded shapes
+- Visible fold lines
+- Cast shadows showing depth
+- Paper texture
+- Angular, faceted forms
+- Low-poly aesthetic
+
+## Typography
+
+- Clean geometric fonts
+- Angular letterforms
+- Folded paper text effect
+- Minimal, precise labels
+
+## Best For
+
+Geometric concepts, transformation topics, Japanese themes, abstract representations

sn-infographic/references/styles/paper-collage.md

@@ -0,0 +1,35 @@
+# paper-collage (DEFAULT)
+
+Paper cutout and collage aesthetic with layered, handmade feel.
+
+## Color Palette
+
+- Primary: Construction paper colors, craft paper tones
+- Background: Textured paper of warm cream (#F5F0E6), kraft brown
+- Accents: Bold highlights, contrasting paper colors
+
+## Visual Elements
+
+- Cut-paper quality with visible edges
+- Layered depth with drop shadows
+- Torn edge textures
+- Geometric paper shapes
+- Mixed media appearance
+- Ample whitespace, clean composition
+- **Strictly paper craft—no realistic or photographic elements**
+
+## Style Enforcement
+
+- All imagery must maintain paper-craft aesthetic
+- Replace photos with paper-cutout equivalents
+- Maintain consistent shadow direction throughout
+
+## Typography
+
+- Cut-out letter style
+- Bold, readable labels
+- Magazine letter cutouts optional
+
+## Best For
+
+Educational content, creative presentations, friendly infographics, craft-inspired visuals, playful hierarchies

sn-infographic/references/styles/parametric-design.md

@@ -0,0 +1,30 @@
+# parametric-design
+
+Graphics generated by parametric algorithms. Mathematical precision meets organic complexity.
+
+## Color Palette
+
+- Primary: Gradient spectrums, algorithmic color progressions
+- Background: Black (#000000) or deep dark tone
+- Accents: Bright spectrum colors, iridescent highlights
+
+## Visual Elements
+
+- Mathematically generated curves and surfaces
+- Voronoi patterns, Delaunay triangulations
+- Reaction-diffusion and flow field patterns
+- Recursive and self-similar structures
+- Precise geometric complexity
+- Smooth gradient meshes
+- Data-driven form generation
+
+## Typography
+
+- Geometric sans-serif (Futura, Avenir)
+- Clean, precise letterforms
+- Minimal text—visuals are primary
+- Monospace for data labels
+
+## Best For
+
+Technology and innovation content, generative art showcases, data science topics, architecture and design, mathematical concepts, future-forward brand content

sn-infographic/references/styles/pen-sketch.md

@@ -0,0 +1,28 @@
+# pen-sketch
+
+Rapid pen sketching with energetic linework, spontaneous marks, and raw immediacy.
+
+## Color Palette
+
+- Primary: Black ink on white or cream
+- Background: Paper white, kraft, or light wash
+- Accents: Single watercolor wash or marker fill
+
+## Visual Elements
+
+- Quick, gestural pen strokes
+- Loose hatching for shadow and volume
+- Spontaneous, slightly imperfect lines
+- Scribble annotations and arrows
+- Sketchbook page aesthetic
+- Visible construction lines
+
+## Typography
+
+- Handwritten annotations
+- Casual hand-lettering
+- Notes and callouts in sketch style
+
+## Best For
+
+Concept explanations, brainstorming visuals, startup and innovation content, design thinking processes, casual educational content, workshop and ideation materials

sn-infographic/references/styles/pixel-art.md

@@ -0,0 +1,29 @@
+# pixel-art
+
+Retro 8-bit gaming aesthetic
+
+## Color Palette
+
+- Primary: Limited palette - NES/SNES colors
+- Background: Black or dark blue, scanlines optional
+- Accents: Bright pixel highlights, CRT glow
+
+## Visual Elements
+
+- Visible pixel grid
+- Limited color count per sprite
+- 8-bit or 16-bit style
+- Retro game UI elements
+- Pixel-perfect edges
+- Dithering for gradients
+
+## Typography
+
+- Pixel fonts
+- Blocky letterforms
+- Game UI style text
+- Score/stat display style
+
+## Best For
+
+Gaming topics, nostalgia content, developer audiences, retro tech themes

sn-infographic/references/styles/scandinavian.md

@@ -0,0 +1,29 @@
+# scandinavian
+
+Minimal, functional, natural tones. Nordic design philosophy: simplicity, utility, and warmth.
+
+## Color Palette
+
+- Primary: Warm white, soft gray, muted natural tones
+- Background: Off-white (#F7F4EF) or pale birch (#EDE8DF)
+- Accents: Dusty blue, sage green, terracotta, or mustard yellow
+
+## Visual Elements
+
+- Clean geometric shapes with rounded corners
+- Nature-inspired motifs (leaves, branches, simple animals)
+- Functional layout with no superfluous decoration
+- Subtle texture (linen, paper, wood grain)
+- Generous whitespace
+- Simple line illustrations
+
+## Typography
+
+- Humanist sans-serif (Gill Sans, Futura, or Nordic equivalents)
+- Medium weight, comfortable reading size
+- Lowercase preferred for friendly tone
+- Minimal typographic decoration
+
+## Best For
+
+Wellness and lifestyle content, sustainability topics, home and interior themes, health and food infographics, calm educational materials

sn-infographic/references/styles/sci-fi-ui.md

@@ -0,0 +1,30 @@
+# sci-fi-ui
+
+Science fiction interface style with holographic displays.
+
+## Color Palette
+
+- Primary: Cyan, blue, orange holographic tints
+- Background: Dark space (#0D1117), transparent overlays
+- Accents: Glowing edges, scanning lines, data streams
+
+## Visual Elements
+
+- Holographic display panels
+- Floating UI elements
+- Scanning lines and grids
+- Data visualization widgets
+- Augmented reality overlays
+- Hexagonal and circular frames
+- Glowing button and slider interfaces
+
+## Typography
+
+- Monospace and tech fonts
+- Glowing text with scan lines
+- Data readout style
+- Alien or fictional script accents
+
+## Best For
+
+Sci-fi concepts, futuristic interfaces, space themes, tech speculation, game UI design, advanced technology visuals

sn-infographic/references/styles/screen-print.md

@@ -0,0 +1,30 @@
+# screen-print
+
+Screen-printing overprint effect and texture. Limited colors, deliberate misregistration, and bold graphic impact.
+
+## Color Palette
+
+- Primary: 2–4 spot colors, no gradients
+- Background: Paper stock color (white, cream, or colored)
+- Accents: Overprint blends where colors overlap create new tones
+
+## Visual Elements
+
+- Bold, high-contrast graphic shapes
+- Deliberate color misregistration (slight offset between layers)
+- Halftone dots for tonal variation
+- Ink bleed and slight roughness at edges
+- Visible screen texture in solid areas
+- Strong silhouettes and graphic reduction
+- Poster-style composition
+
+## Typography
+
+- Bold, condensed display type
+- Slightly rough or hand-drawn letterforms
+- Stencil-style fonts acceptable
+- Text treated as graphic element
+
+## Best For
+
+Music and concert content, activist and social topics, counterculture themes, DIY and maker culture, bold editorial statements

sn-infographic/references/styles/storybook-watercolor.md

@@ -0,0 +1,29 @@
+# storybook-watercolor
+
+Soft hand-painted illustration with whimsical charm
+
+## Color Palette
+
+- Primary: Soft watercolor washes - muted blues, greens, warm earth
+- Background: Watercolor paper texture, white or cream
+- Accents: Deeper pigment pools, splatter effects
+
+## Visual Elements
+
+- Visible brushstrokes
+- Soft color bleeds and gradients
+- White space as design element
+- Delicate line work over washes
+- Natural, organic shapes
+- Dreamy, atmospheric quality
+
+## Typography
+
+- Elegant hand-lettering
+- Watercolor-style text
+- Flowing, organic letterforms
+- Integrated with illustrations
+
+## Best For
+
+Storytelling, emotional journeys, nature topics, children's education, artistic presentations

sn-infographic/references/styles/subway-map.md

@@ -0,0 +1,29 @@
+# subway-map
+
+Transit diagram style with colored lines and stations
+
+## Color Palette
+
+- Primary: Transit line colors - red, blue, green, yellow, orange
+- Background: White or light gray
+- Accents: Station dots, interchange markers
+
+## Visual Elements
+
+- Colored route lines
+- 45° and 90° angles only
+- Station circle markers
+- Interchange symbols
+- Simplified geography
+- Line thickness hierarchy
+
+## Typography
+
+- Clean sans-serif
+- Station name labels
+- Line number/name badges
+- Horizontal or angled text
+
+## Best For
+
+Journey maps, process flows, network diagrams, route explanations

sn-infographic/references/styles/surreal-collage.md

@@ -0,0 +1,28 @@
+# surreal-collage
+
+Surrealist photomontage: impossible juxtapositions of photographic elements creating dreamlike unreality.
+
+## Color Palette
+
+- Primary: Realistic photographic tones, slightly shifted
+- Background: Dreamlike gradient skies or impossible spaces
+- Accents: Unexpected color intrusions from collaged elements
+
+## Visual Elements
+
+- Photographic elements cut and recombined impossibly
+- Scale violations (giant objects in small spaces)
+- Seamless blending of incompatible realities
+- Floating, gravity-defying compositions
+- Unexpected object substitutions
+- Hyper-real detail in unreal contexts
+
+## Typography
+
+- Clean, neutral sans-serif to contrast surreal imagery
+- Or hand-painted dreamlike text
+- Minimal — let the imagery speak
+
+## Best For
+
+Creative industry content, imagination and innovation themes, dream and subconscious topics, advertising concepts, art and culture, philosophical or abstract ideas

sn-infographic/references/styles/surrealism.md

@@ -0,0 +1,30 @@
+# surrealism
+
+Dream-like blend of reality and fantasy with unexpected juxtapositions.
+
+## Color Palette
+
+- Primary: Surreal combinations, unexpected color shifts
+- Background: Dreamy gradients, impossible skies
+- Accents: Floating elements, glowing highlights
+
+## Visual Elements
+
+- Impossible perspectives
+- Floating objects in unexpected contexts
+- Metamorphosis and transformation
+- Dream-like logic
+- Unexpected scale relationships
+- Melting or morphing forms
+- Juxtaposed unrelated elements
+
+## Typography
+
+- Distorted or melting text
+- Integrated into surreal scenes
+- Dreamy, ethereal lettering
+- Floating or embedded in objects
+
+## Best For
+
+Creative concepts, abstract ideas, dream narratives, artistic presentations, imaginative storytelling, thought-provoking content

sn-infographic/references/styles/swiss-style.md

@@ -0,0 +1,29 @@
+# swiss-style
+
+Clear grid system with objective, rational information presentation. Rooted in the International Typographic Style.
+
+## Color Palette
+
+- Primary: Black, white, red accents
+- Background: Pure white (#FFFFFF)
+- Accents: Single strong accent color (red, blue, or yellow)
+
+## Visual Elements
+
+- Strict mathematical grid underlying all elements
+- Flush-left, ragged-right text alignment
+- Photography used objectively, not decoratively
+- Minimal ornamentation—structure is the decoration
+- Strong horizontal and vertical alignment
+- Generous whitespace as a structural element
+
+## Typography
+
+- Helvetica or Akzidenz-Grotesk (or equivalents)
+- Clear typographic hierarchy via size and weight
+- No decorative typefaces
+- Precise leading and tracking
+
+## Best For
+
+Annual reports, corporate communications, data-heavy infographics, reference materials, professional presentations requiring maximum clarity

sn-infographic/references/styles/synthwave.md

@@ -0,0 +1,30 @@
+# synthwave
+
+80s electronic music visuals. Neon retro-futurism with grid landscapes and chrome typography.
+
+## Color Palette
+
+- Primary: Hot pink (#FF006E), electric purple (#7B2FBE), cyan (#00F5FF)
+- Background: Deep black or dark navy (#0A0015)
+- Accents: Gold/yellow highlights, magenta glow
+
+## Visual Elements
+
+- Perspective grid floor receding to horizon
+- Retro sun with horizontal stripe cutouts
+- Chrome and metallic text effects
+- Lens flares and light streaks
+- Silhouetted palm trees or cityscapes
+- VHS scan lines (subtle overlay)
+- Neon glow on all key elements
+
+## Typography
+
+- Italic or slanted retro display fonts
+- Chrome or gradient metallic fills
+- Outlined text with neon glow
+- Condensed or wide display styles
+
+## Best For
+
+Music and entertainment content, retro-themed campaigns, gaming visuals, nostalgia-driven brand content, night-life and event promotions

sn-infographic/references/styles/tech-brand.md

@@ -0,0 +1,30 @@
+# tech-brand
+
+Clean, professional technology company visual style.
+
+## Color Palette
+
+- Primary: Brand blues, tech grays, accent colors
+- Background: White, light gray, subtle gradients
+- Accents: Vibrant accent colors for CTAs
+
+## Visual Elements
+
+- Clean, minimal compositions
+- Subtle gradients and shadows
+- Abstract tech illustrations
+- Circuit and node patterns (subtle)
+- Device mockups and screens
+- Clean icon systems
+- Professional photography mixed with graphics
+
+## Typography
+
+- Modern sans-serif (SF Pro, Inter, Roboto)
+- Clean hierarchy
+- Generous whitespace
+- Technical precision
+
+## Best For
+
+Technology companies, SaaS products, startup pitch decks, B2B content, professional tech presentations

sn-infographic/references/styles/technical-diagram.md

@@ -0,0 +1,30 @@
+# technical-diagram
+
+Blueprint and engineering diagram aesthetic. Precision, accuracy, and technical authority.
+
+## Color Palette
+
+- Primary: Blueprint blue (#003366) on white, or white lines on blue
+- Background: Blueprint blue (#1A3A5C) or engineering white
+- Accents: Yellow/orange for callouts, red for warnings
+
+## Visual Elements
+
+- Precise line weights (thin for detail, thick for outlines)
+- Dimension lines and measurement annotations
+- Cross-section hatching patterns
+- Grid or graph paper background (subtle)
+- Technical callout bubbles with leader lines
+- Isometric or orthographic projection views
+- Title block in corner
+
+## Typography
+
+- Monospace or technical sans-serif (Courier, DIN, Eurostile)
+- ALL CAPS labels
+- Precise numeric annotations
+- Small, dense text acceptable
+
+## Best For
+
+Engineering explainers, product anatomy, technical processes, scientific mechanisms, architecture diagrams, hardware documentation

sn-infographic/references/styles/technical-schematic.md

@@ -0,0 +1,36 @@
+# technical-schematic
+
+Technical diagrams with engineering precision and clean geometry.
+
+## Color Palette
+
+- Primary: Royal blue (#2563EB), teals, grays, white lines
+- Background: Deep blue (#1E3A5F), white, or light gray with grid
+- Accents: Amber highlights (#F59E0B), cyan callouts
+
+## Variants
+
+| Variant | Focus | Visual Emphasis |
+|---------|-------|-----------------|
+| **Blueprint** | Engineering schematics | White on blue, measurements, grid |
+| **Isometric** | 3D spatial representation | 30° angle blocks, clean fills |
+
+## Visual Elements
+
+- Geometric precision throughout
+- Grid pattern or isometric angle
+- Dimension lines and measurements
+- Technical symbols and annotations
+- Clean vector shapes
+- Consistent stroke weights
+
+## Typography
+
+- Technical stencil or clean sans-serif
+- All-caps labels
+- Measurement annotations
+- Floating labels for isometric
+
+## Best For
+
+Technical architecture, system diagrams, engineering specs, product breakdowns, data visualization

sn-infographic/references/styles/thick-paint.md

@@ -0,0 +1,28 @@
+# thick-paint
+
+Heavy impasto brushwork with rich texture and oil-painting tactility rendered digitally.
+
+## Color Palette
+
+- Primary: Rich, saturated pigment colors
+- Background: Textured canvas or dark ground
+- Accents: Impasto highlights with thick white paint
+
+## Visual Elements
+
+- Visible, directional brushstrokes
+- Thick paint buildup and texture
+- Palette knife scraping effects
+- Layered color mixing on canvas
+- Expressive mark-making
+- Physical paint materiality
+
+## Typography
+
+- Hand-painted letterforms
+- Brushstroke-style text
+- Integrated into painted surface
+
+## Best For
+
+Art and culture content, emotional storytelling, food and lifestyle visuals, nature and environment topics, creative portfolio showcases, expressive editorial pieces

sn-infographic/references/styles/ui-wireframe.md

@@ -0,0 +1,29 @@
+# ui-wireframe
+
+Grayscale interface mockup style
+
+## Color Palette
+
+- Primary: Grays - light gray (#E5E5E5), medium gray (#9CA3AF), dark charcoal (#374151)
+- Background: White (#FFFFFF), light gray
+- Accents: Interactive blue (#3B82F6), red for emphasis
+
+## Visual Elements
+
+- Wireframe boxes and placeholders
+- X marks for image placeholders
+- Simple line icons
+- Grid-based layout
+- Annotation callouts
+- Redline specifications
+
+## Typography
+
+- System fonts
+- Placeholder "Lorem ipsum"
+- UI label style
+- Sans-serif throughout
+
+## Best For
+
+Product designs, UI explanations, app concepts, user flow diagrams

sn-infographic/references/styles/ukiyo-e.md

@@ -0,0 +1,30 @@
+# ukiyo-e
+
+Japanese woodblock print aesthetic. Bold outlines, flat color areas, and decorative natural motifs.
+
+## Color Palette
+
+- Primary: Prussian blue (Hiroshige blue), vermillion red, black
+- Background: Cream/ivory paper tone (#F5EDD6)
+- Accents: Soft greens, ochre yellow, muted rose
+
+## Visual Elements
+
+- Bold black outlines defining all shapes
+- Flat color fills with no gradients
+- Wave, cloud, and nature motifs as decorative elements
+- Stylized perspective (no Western vanishing point)
+- Hatching and parallel lines for shading
+- Decorative borders with traditional patterns
+- Visible "woodgrain" texture in backgrounds
+
+## Typography
+
+- Vertical text orientation optional
+- Brush-style or calligraphic letterforms
+- Seal/stamp elements for labels
+- Mix of traditional and modern type acceptable
+
+## Best For
+
+Japanese cultural content, nature and travel themes, traditional craft topics, cultural heritage infographics, East Asian subject matter

sn-infographic/references/styles/vaporwave.md

@@ -0,0 +1,30 @@
+# vaporwave
+
+80s-90s nostalgia blended with retro-futurism and internet culture.
+
+## Color Palette
+
+- Primary: Pink (#FF71CE), cyan (#01CDFE), purple (#B967FF)
+- Background: Gradient sunsets, grid landscapes
+- Accents: Glitch effects, chrome, holographic
+
+## Visual Elements
+
+- Retro computer graphics (Windows 95, early Mac)
+- Greek statues and classical art
+- Palm trees and city sunsets
+- Checkerboard floors
+- Neon grid landscapes
+- Glitch and scan lines
+- Japanese text and anime elements
+
+## Typography
+
+- Retro computer fonts
+- VCR-style text
+- Japanese katakana accents
+- Stretched and distorted letters
+
+## Best For
+
+Internet culture, nostalgia content, music visuals, Gen Z aesthetics, retro-tech themes, meme culture

sn-infographic/references/styles/vintage-poster.md

@@ -0,0 +1,31 @@
+# vintage-poster
+
+Classic vintage poster design. Bold graphics, limited color printing aesthetic, and timeless appeal.
+
+## Color Palette
+
+- Primary: 3–5 colors max, simulating lithographic printing
+- Background: Aged cream (#F2E8D0), warm tan, or deep jewel tones
+- Accents: Distressed or slightly off-register colors
+
+## Visual Elements
+
+- Bold, graphic illustration style
+- Halftone dot patterns for shading
+- Slight color misregistration for authenticity
+- Decorative borders and ornamental frames
+- Aged paper texture and subtle foxing
+- Stamp or badge elements
+- Retro travel, circus, or propaganda poster references
+
+## Typography
+
+- Display serif or slab serif headlines
+- Condensed or expanded letterforms
+- Stacked text arrangements
+- Decorative lettering with inline or outline effects
+- ALL CAPS for impact
+
+## Best For
+
+Historical content, travel and culture topics, event promotions, heritage brands, nostalgia-driven campaigns, timeline infographics

sn-infographic/references/styles/woodcut.md

@@ -0,0 +1,30 @@
+# woodcut
+
+Rough lines and textures of woodcut prints. Raw, expressive, and powerful graphic reduction.
+
+## Color Palette
+
+- Primary: Black ink on white/cream, or limited 2-color
+- Background: Paper grain texture of warm cream (#F0E8D8)
+- Accents: Single bold color (red, blue, or ochre) optional
+
+## Visual Elements
+
+- Thick, rough-edged black lines
+- Visible wood grain texture in background areas
+- High contrast—no midtones, only black and white
+- Gouged-out white areas creating negative space
+- Expressive, slightly irregular line quality
+- Bold, simplified forms with lost detail
+- Cross-hatching for shadow areas
+
+## Typography
+
+- Heavy slab serif or blackletter
+- Rough, hand-carved letterform quality
+- Bold weight only
+- Minimal text—let visuals dominate
+
+## Best For
+
+Historical and political content, environmental and nature topics, folk art themes, powerful single-message statements, cultural heritage