
Preview image. Unlock full-res
Modular typographic branding system using bold sans-serif, electric yellow, and a strict monochromatic grid structure.
Summary
Complete brand identity system for MakeReign showing modular typography grid, color palette, iconography, and layout principles, unified by a crisp sans-serif and electric yellow accent on dark charcoal.
Visual description
Multi-panel layout of brand guidelines pages. Top panels show typeface specimens (Aeonrik, MakeReign wordmark, icon set marked MM) on white and light gray grounds. Center section displays the logo and logotype alongside modular color swatches: pure white, light grays, dark charcoal, and bright electric yellow in rectangular blocks. Lower panels showcase numbered typography scales (20, 09, 04, 300+, 8200m, 06) and a four-column numbered grid system (labeled "4"). Left side shows "02 TYPOGRAPHY" section header in large sans-serif. A recurring text block explains the design system's goal of creating a reliable design language. The layout is strictly grid-based, with all elements snapping to a modular structure. The color palette uses high contrast between the dark backgrounds and bright yellow highlights.
Key takeaway
The restrained use of a single bright accent color to add energy without breaking the minimal palette. Numeric labeling of typography scales (not just small/medium/large) creates clarity for developers and designers. The modular grid structure allows the system to extend logically to new use cases. The interplay of white space and compact panels demonstrates how much information a systematic layout can hold without clutter.
Reuse notes
Strong template for tech-forward B2B or SaaS branding. The dark background with neon-yellow highlights reads as forward-thinking and precise. The comprehensive type specimen section is especially useful if planning to extend into variable fonts or web typography. Less suitable for warm, casual, or playful brands. The grid-based philosophy scales well to large design systems or component libraries.









