MIA brand system: typography + composition principles

Summary

Brand system documentation for MIA (PalaisPopulaire by Deutsche Bank) showing typography rules, composition principles, and a cool-toned blue-accented color palette across a structured grid layout.

Visual description

Composite multi-page layout showing six different design system pages tiled together. Top spread shows oversized "Say Hello to MIA" headline in a clean sans-serif typeface, with a blue accent bar and an annotation about PalaisPopulaire's interactive art offering. Left page displays a travel project case study with small photographs, detailed body copy, and a 76% metric call-out. Center pages show typography principles with blue dot indicators marking baseline and alignment guides. Right pages present composition rules with wireframes showing grid-based structure, and a solid blue color palette swatch on the far right. Bottom left shows environmental photography with people. The palette uses off-white ground, black typography, muted warm accents, and a confident blue (approximately 94/112/167) as the primary accent. Blue dot indicators are used throughout for visual navigation and principle callouts.

Key takeaway

Annotated design systems using colored dots as visual anchors make principles immediately scannable. The high-contrast grid layout (white, black, blue) remains readable at small scale. Using a single accent color (blue) strategically breaks hierarchy and guides the eye. The system demonstrates both the typographic rules and real-world application simultaneously.

Reuse notes

Reference model for brand guidelines that need to show systems, not just showcase. Works well for institutions, cultural organizations, or B2B brands where credibility and clarity matter more than visual novelty. The annotation system is particularly useful for design-system documentation shared with developers. Test this layout in print as well as digital.