sica-fondt/capabilities/tools/hermes-skills/creative/baoyu-infographic/references/layouts/dense-modules.md

dense-modules

High-density modular layout with 6-7 typed information modules packed with concrete data.

Structure

• 6-7 distinct modules per image, each serving a specific information function
• Every module contains concrete data: brand names, numbers, percentages, parameters
• Minimal whitespace—compact spacing prioritized over breathing room
• Smaller text acceptable to maximize information density
• Each module identified by coordinate label or section marker (e.g., MOD-1, SEC-A)

Module Archetypes

Module	Purpose	Content Requirements
Brand/Selection Array	Grid of options with recommendations	4-8 items with icons, names, brief descriptions; highlight "best choice"
Specification Scale	Quality/measurement gauge	3-5 levels with precise numerical increments, quality indicators (emoji faces, checkmarks)
Deep Dive/Detail	Technical breakdown of key item	Zoom-in callouts, internal components, cross-section or exploded view
Scenario Comparison	Side-by-side use cases	3-6 scenarios with specific recommendations and data per scenario
Identification Tips	How-to checklist	3-5 inspection methods: look/test/check/ask format
Warning/Pitfall Zone	Critical mistakes to avoid	3-5 pitfalls with consequences, 1-2 correct approaches; high visual contrast
Quick Reference	Compact summary	Dense table, one-line summaries, decision flowchart, or key takeaways

Variants

Variant	Focus	Visual Emphasis
Coordinate-labeled	Precision and systematicity	Each module has alphanumeric coordinate (A-01, B-05, C-12), ruler/axis markers
Grid-cell	Order and structure	Modules in strict rectangular cells divided by thick lines, Swiss grid feel
Free-flowing	Organic density	Magazine-style layout with dotted frames, varying module sizes, connected by arrows

Best For

• Product selection guides and buying guides
• Multi-dimensional comparison content
• Data-rich educational materials
• "Avoid pitfalls" / "complete guide" formats
• Content targeting platforms like Xiaohongshu with high-density visual requirements

Visual Elements

• Module boundary markers (thick lines, dotted frames, or coordinate grids)
• Quality indicators per module (emoji faces, checkmarks, crosses, crowns)
• Data callout boxes with highlighted numbers
• Comparison arrows and progression indicators
• Warning/alert visual markers for pitfall modules
• Metadata in corners (page numbers, timestamps, small barcodes)

Text Placement

• Main title at top, prominent and impactful
• Subtitle with module count ("X大维度全面解析...")
• Module headers inside colored badges or labeled frames
• Body text compact, multiple columns within modules
• Numbers highlighted with accent colors, slightly larger than body text

Information Density Rules

• Every corner should contain useful information or metadata
• No decorative-only empty space
• Text size may be reduced to fit more content—information over font size
• Each module must have specific data points, not generic descriptions
• Balance between density and readability: dense but organized

Recommended Pairings

• pop-laboratory: Technical precision with coordinate markers and blueprint grid
• morandi-journal: Hand-drawn warmth with doodle illustrations and organic frames
• retro-pop-grid: 1970s pop art with strict grid cells and bold contrast
• corporate-memphis: Clean business feel for product comparisons
• technical-schematic: Engineering precision for technical product guides