Menao® — Art Direction & Brand Identity

A brand foundation built to hand off.

The Menao® founders had a clear product vision and a development roadmap, but no visual identity to anchor it. Before partnering with a UX/UI studio to build the application, they needed a brand system strong enough to guide every product design decision downstream. The deliverable wasn't a set of mockups, it was a working toolkit a development team could open on day one and use to ensure every screen, every button, every interaction would feel like Menao®.

A signature, not a symbol.

The Menao® icon started from a simple idea: the signature. In the artisan world, a signature is a mark of trust between maker and client: this is my work, I stand behind it. The monogram translates that concept into a mark that holds from a 16-pixel favicon to a full-screen splash.

Three principles in the geometry: growth via ascending lines that suggest momentum without being literal arrows, connection via interlocking strokes that carry the B2B relationship at the heart of the platform, simplicity via soft curves for an artisan audience ranging from digitally native to barely comfortable with a smartphone.

Mathematical precision for digital scalability.

The logo sits on a modular x-based grid that governs the relationship between monogram and logotype. When a UX/UI team inherits a brand, they need clear proportional rules: clearspace around the icon, minimum size before illegibility, logotype-to-icon ratio. The grid answers before the questions are asked.

Every proportion is mathematically defined: the logo renders predictably across every screen density and viewport, from a 16px favicon to a retina header. No optical adjustments, no alternative versions for small screens. One system that works everywhere.

Typography calibrated for screens. Colour that stands apart.

Google Sans was chosen for one practical reason: it's built for digital interfaces. Clean geometry, balanced proportions, strong readability on mobile and desktop. For a B2B product that lives entirely on screen, the typography carries the whole reading experience.

The purple palette is strategic as much as aesthetic: the B2B SaaS market is saturated with blues (Salesforce, HubSpot, LinkedIn, Stripe). Purple gives Menao® immediate differentiation without losing the technological credibility the category demands. Extended purple and pink gradients let the UX/UI team build a complete interface (buttons, alerts, data viz, status indicators) without leaving brand territory, every colour tested for WCAG AA compliance.

Design the rules, not the screens.

For Menao®, the brand system was designed as a handoff document first and a presentation piece second. Every page of the brand guidelines answers a question a developer or product designer might ask: what spacing around the logo? Which purple for interactive elements and which for decorative? How does the typography scale from mobile to desktop? What does an error state look like within the brand language?

These rules aren't wireframes or UI mockups — that's the UX/UI studio's job. They're brand-level principles (composition, hierarchy, spacing, interaction patterns) that ensure the product feels like Menao® regardless of which team builds it, which framework they choose, or which features get prioritised in the first release.