BuildingWise System Architecture - Updated Planes
BuildingWise Enterprise Architecture design system featuring a clean, professional technical diagram aesthetic. Utilizes a modular 4-zone layout flow (Sources to Consumers) in a 'Blue SaaS' style. Employs Satoshi typography, a neutral slate-and-blue palette, and rounded card-based components. Perfect for high-level system architecture, technical whitepapers, SaaS dashboards, and workflow visualizations in fintech, enterprise cloud, or AI-driven platforms.
Summary
A highly structured, professional technical architecture diagram using a modular grid. It features side pillars for data sources and consumers with a centralized multi-layer platform engine. The visual language is defined by soft shadows, subtle borders, and a monochromatic blue-tinted secondary palette.
Style
The style is 'Modern Enterprise Professional'. It relies on the Satoshi font family for clarity. The color palette uses #FAFBFC for the page background, #EAF2FA for peripheral zone backgrounds, and #FFFFFF for primary content cards. Accents are primarily #3B82F6 (Blue), #6366F1 (Indigo), and #06B6D4 (Cyan). Borders are consistent at 1px solid #CBD5E0. Typography focuses on #2D3748 for headings and #4A5568 for labels. Layout uses rounded-xl (12px) and rounded-lg (8px) for structural hierarchy.
Layout & Structure
A horizontal flow layout from left-to-right, divided into four logical zones using a 15% / 70% / 15% width distribution. The central 70% zone is further subdivided into operational layers and functional blocks.
Peripheral Pillars (Zones 1 & 4)
Platform Core (Zone 2 - Operational Planes)
Platform Foundation (Zone 3 - Knowledge Base)
Components
Accent Icon Box
A small, rounded container for icons within cards.
Data Source Card
Miniature cards used for inputs/outputs.
Special Notes
MUST use 'Satoshi' font for the premium enterprise feel. MUST NOT use vibrant gradients; keep colors flat or very subtly tinted. MUST ensure all internal cards (inner boxes) have a consistent 10px padding for labels. MUST use a 24px (6 units) gap between major layout zones. Stroke-dasharray of 4, 4 should be used for any connecting paths between zones to maintain technical schematic integrity.