Brand Guidelines · 2026
ConvertMax brand system for clearer growth decisions.
This document defines the essential visual and verbal rules for using ConvertMax assets consistently across product, marketing, sales, partner, and executive communications. It is based on the supplied logo files and the public ConvertMax website identity observed on convertmax.io.[1]
Positioning and personality
ConvertMax should present itself as a precise, modern, and revenue-focused analytics brand. The identity should communicate confidence without appearing loud, technical sophistication without unnecessary complexity, and business impact without inflated claims. The public website frames ConvertMax as a revenue intelligence platform built around first-party analytics and multi-touch attribution.[1]
Recommended brand idea: ConvertMax helps teams know what drives revenue, then scale what works.
| Attribute | Guideline | How it should feel |
|---|---|---|
| Trusted | Use restrained layouts, strong contrast, and clear hierarchy. | Reliable, accurate, business-critical. |
| Technical | Use data cards, grid systems, and concise language around analytics, attribution, and revenue. | Advanced but understandable. |
| Growth-oriented | Use aqua highlights to emphasize measurable action, performance, and forward movement. | Optimistic, focused, practical. |
| Privacy-aligned | Frame first-party data as owned, consent-aware, and resilient. | Responsible and future-proof. |
Primary marks and lockups
The ConvertMax identity is built around a two-part symbol and wordmark system. The standalone CM icon combines a rounded deep-blue “C” form with an angular aqua “M” / upward-check motif, while the full horizontal wordmark uses deep blue for “convert” and aqua for “max.” The full wordmark should be the default mark whenever horizontal space allows.
Full-colour horizontal logo
Use this version on white, light grey, or very pale neutral backgrounds. It is the preferred mark for website headers, sales decks, proposals, email signatures, press kits, and partner pages.
Standalone CM icon
Use the standalone icon only where space is constrained or where ConvertMax has already been clearly identified, such as favicons, app icons, social avatars, product navigation, and compact UI placements.
White logo for dark backgrounds
Use the white wordmark on deep navy, dark gradient, dark photographic, or data-visualization backgrounds with sufficient contrast.
White CM icon for dark backgrounds
Use the reversed CM icon for app-like surfaces, social profile usage, and small branded marks on dark interfaces.
Give the mark room to work
Logo clear space should protect legibility and avoid the appearance of co-branding, crowding, or accidental alignment with nearby elements. Use the height of the aqua “M” motif in the CM icon as the minimum clear-space unit. If the mark is used in an environment where the motif is not visible, use approximately 25% of the logo height as the minimum surrounding space.
| Use case | Recommended minimum size | Notes |
|---|---|---|
| Website header wordmark | 140 px wide | Increase to 160–190 px where navigation space permits. |
| Presentation or document cover | 220 px wide | Use the full wordmark and preserve generous margin. |
| Email signature | 130 px wide | Avoid placing it beside small partner logos without clear separation. |
| Standalone app/social icon | 32 px square digital minimum | Use the CM icon, not the full wordmark, below compact sizes. |
| Print collateral | 35 mm wide for wordmark | Use vector SVG wherever possible. |
Logo colours and supporting UI tones
The official brand colour foundation is the two-colour logo palette. The live website also uses a broader interface palette for dark surfaces, cards, borders, and accent states. Keep logo colours consistent, and use supporting tones to build depth around the identity rather than replacing it.
HEX #044A87RGB 4, 74, 135Primary logo / trustHEX #034485RGB 3, 68, 133Tonal supportHEX #67C7CARGB 103, 199, 202Highlights / maxHEX #FFFFFFRGB 255, 255, 255Reversed logosHEX #010C1BDark hero baseUse for premium contrastHEX #0A1628Dark UI panelsUse for cards and sectionsHEX #F8FAFCLight surfacesUse for page backgroundsHEX #E2E8F0Rules / dividersUse for quiet structureUse DM Sans for impact and Inter for clarity
The public website imports DM Sans for display typography and Inter for body and interface typography through Google Fonts.[2] This pairing creates a modern SaaS personality: DM Sans is rounded, confident, and expressive for headings, while Inter remains highly readable in dense product and analytics contexts.
ConvertMax connects first-party analytics, attribution, customer journeys, and revenue outcomes so growth teams can see which channels and campaigns create measurable pipeline and sales impact.
| Role | Font | Weights | Usage |
|---|---|---|---|
| Hero headlines | DM Sans | 700–800 | Use tight line-height and strong contrast. Aqua may emphasize one phrase. |
| Section headings | DM Sans | 700 | Use sentence case for a confident, readable tone. |
| Body copy | Inter | 400–500 | Use for paragraphs, descriptions, documentation, and website body copy. |
| Buttons / nav | Inter | 600–700 | Use concise verbs such as “Request a Demo” and “Explore Platform.” |
| Labels / metadata | Inter | 600 | Use uppercase sparingly with expanded tracking. |
Approved background treatments
The full-colour logo should remain on clean light backgrounds, while the white logo should be used over dark surfaces. Do not place the full-colour logo on visually busy imagery unless contrast and legibility are exceptionally strong.
Dark wordmark treatment
Deep navy backgrounds and subtle aqua glow are appropriate for hero, deck, or event environments.
Dark icon treatment
Use the reversed icon where the brand mark needs to work as an app-like identity element.
Do and do not
Do
Use supplied SVG files whenever possible, preserve the original proportions, keep strong contrast, leave generous clear space, and choose the wordmark as the default identity asset in first-time brand exposures.
Do not
Do not recolour the logo, stretch or compress it, add shadows or outlines to the mark, place the full-colour logo on dark imagery, rotate the CM symbol, separate the icon from the wordmark to create new lockups, or recreate the wordmark in a typed font.
| Incorrect treatment | Why it weakens the brand | Correct approach |
|---|---|---|
| Using a non-brand blue or teal | Breaks recognition and consistency. | Use #044A87 and #67C7CA for official logo colour. |
| Low-contrast placement | Reduces legibility and can make the logo look inactive. | Switch to the white reversed asset or use a cleaner background. |
| Cropping the CM icon | Damages the mark’s distinctive geometry. | Use the full standalone icon with protected clear space. |
| Adding effects to the logo | Makes the asset feel unofficial. | Let surrounding layout, not the logo itself, carry depth. |
Build layouts around clarity, depth, and data
ConvertMax layouts should feel structured and analytical. Use white or cloud-grey editorial sections for education and dark technical surfaces for high-impact hero content, dashboards, product screenshots, and revenue intelligence storytelling.
Grid
Use a 12-column desktop grid, generous gutters, and card-based modules. Avoid dense blocks without visual breaks.
Cards
Use rounded panels, quiet borders, soft shadows, and compact metadata rows to evoke product analytics dashboards.
Emphasis
Use aqua selectively for primary action, selected states, growth indicators, and key words in large headlines.
Speak with precision and commercial focus
ConvertMax copy should be direct, outcome-oriented, and credible. The voice should avoid vague “AI-powered growth” language unless a specific capability is being described. Strong ConvertMax messaging ties product features to measurable revenue outcomes.
| Message type | Use | Avoid |
|---|---|---|
| Headline | Know what drives revenue. Scale what works. | Unlock your marketing potential. |
| Product description | First-party analytics and multi-touch attribution for clearer revenue decisions. | The ultimate platform for all your data needs. |
| CTA | Request a Demo, Explore Platform, Get Attribution Audit Report. | Click Here, Learn More Now, Submit. |
| Proof language | Connect campaigns, channels, and touchpoints to revenue outcomes. | Magically maximize conversions overnight. |
Files included with these guidelines
The supplied brand assets should remain the source of truth for production use. When exporting to additional formats, retain SVG master files and generate PNGs at the required dimensions rather than scaling small raster images upward.
cm_icon.svgconvertmax.svgconvertmax_logo.jpegcm_logo_white.svgconvertmax_white.svg
| Asset | Primary usage | Background |
|---|---|---|
| convertmax.svg | Primary full-colour logo / wordmark. | White or very light background. |
| cm_icon.svg | Standalone CM icon for compact brand contexts. | White or very light background. |
| convertmax_white.svg | Primary reversed wordmark. | Dark navy, dark gradient, or dark imagery. |
| cm_logo_white.svg | Standalone reversed CM icon. | Dark surfaces, app icons, social avatars. |
| convertmax_logo.jpeg | Legacy or quick preview only. | Use SVG instead for production whenever possible. |