Infographic Design System
A complete visual design system built into NeoArc Studio. Shapes across categories, interactive data visualisation shapes with configurator panels, a layers panel with z-order and visibility control, shape grouping and rotation, visual effects with blend modes, gradient fills, a reusable component library, and canvas presets from 16:9 widescreen to 300 DPI print resolution.
Architects should not need a separate design tool to create visual assets. NeoArc Studio includes a complete infographic design system directly in the diagram editor. It is not a simplified drawing tool with basic shapes and colours. It is a full design canvas with interactive data visualisation shapes, layer management, visual effects, gradient fills, and a component library. The output matches what you would expect from dedicated design software, but the workflow is designed for architects, not designers.
Shape Library
The shape library contains shapes across categories, covering everything from basic geometry to complex data visualisation components.
Interactive Shapes
Interactive shapes go beyond static geometry. Each interactive shape has a dedicated configurator panel where you set values, colours, segments, dimensions, and labels in real time. The shape updates as you configure it, making data visualisation immediate and precise.
Canvas and Layers
Visual Effects
Visual effects with blend modes provide professional-quality styling without leaving the architecture tool.
| Effect | Description |
|---|---|
| Drop Shadow | Configurable offset, blur radius, spread, and colour for depth and elevation |
| Inner Shadow | Inset shadow for recessed or pressed-in visual treatment |
| Outer Glow | Soft colour emanation around the shape edge for emphasis |
| Blur | Gaussian blur at configurable radius for background elements or depth of field |
| Motion Blur | Directional blur suggesting movement or speed |
| Colour Overlay | Tint the entire shape with a single colour at configurable opacity |
| Noise | Add texture noise for a tactile, organic quality |
| Outline | Additional stroke outline beyond the standard border |
| Emboss | Raised 3D surface appearance with highlight and shadow |
| Colour Adjustments | Brightness, contrast, saturation, and hue rotation |
| Gradient Fills | Linear gradients with multiple colour stops for polished backgrounds |
Export Formats
Export infographics directly in four formats. PNG and JPEG render at 2x resolution for crisp output on high-DPI displays.
Where Infographics Are Used
The infographic design system powers visual assets throughout NeoArc Studio, not just standalone exports.
| Touchpoint | How Infographics Are Used |
|---|---|
| PDF Front Covers | Design pixel-perfect cover pages with full-bleed infographic layouts |
| PDF Back Covers | Branded back pages with contact information, logos, and visual design |
| PDF Headers | Repeating header infographics on every content page |
| PDF Footers | Repeating footer infographics with branding and page references |
| Visualisation Block Nodes | Each node in a visualisation block references an infographic media file |
| Embedded Page Content | Infographics embedded inline in documentation pages as visual assets |
Icon Libraries
The full icon library from four icon sets is available in the infographic editor: Lucide, Heroicons (outline and solid), and Bootstrap Icons. Search across all icons by name, then drag them onto the canvas and style them with any colour, size, and effect. Custom icons can be uploaded as SVG for organisation-specific logos and brand marks.
Generate professional PDF documents from Content Foundry pages with infographic-designed covers, repeating headers and footers, per-element typography control for body text and all heading levels, automatic table of contents with clickable links, hierarchical bookmarks, four page number formats, watermarks, and password protection with RC4-128 encryption.
NeoArc Studio produces architecture documentation that looks as good as enterprise websites. Animated diagrams, scroll-driven presentations, a full infographic design system, professional PDF publishing, static website generation, styled content blocks, D3 visualisation layouts, and complete theme customisation, all from the same source content.
Six D3-powered spatial layouts that arrange infographic media into interactive visual patterns: Knowledge Hub (radial star), Comparison Lens (side-by-side columns), Orbit Rings (concentric circles), Hexagonal Cluster (honeycomb grid), Flow Tree (hierarchical branches), and Story Arc (vertical zigzag with animated S-curves). Each layout renders responsive, animated diagrams directly in documentation pages.