Brand Guidelines
Use the Mapageweb identity with clarity.
A practical source for how Mapageweb presents its name, category, promise and visual identity.
Positioning
Build the system behind growth.
Digital infrastructure, automation and custom software for growing SMEs. Mapageweb helps SMEs launch, modernize and operate better.
These transparent files come directly from the founder-confirmed Brand_2.0 family. Their provenance, transformation and integrity hash are recorded.
Logo system
Use the brand without changing its geometry.
Use only the approved supplied files. Keep clear space around the mark. Do not stretch, redraw, outline, recolor, add glow or place the logo on a surface that reduces contrast.
Always
- Use a supplied asset.
- Preserve proportions.
- Maintain clear contrast.
- Keep open space around the mark.
Never
- Recreate the wordmark with a font.
- Stretch, crop or rotate.
- Add an outline, texture, bevel or glow.
- Place over busy imagery.
Color
A signal, not decoration.
The official symbol brings together teal, blue, orange and gold. Deeper shades support digital applications. Neutrals belong to the interface and are not presented as logo colours.
Brand colours
#038486
#029efb
#0164f2
#f14901
#f7af03
Supporting shades
#012794
#981f02
Interface neutrals
#05070b
#080d14
#101318
#ffffff
#f4f6f8
#ffffff
#eef1f5
Typography
Readable in operation. Expressive in editorial.
Inter carries public interfaces, headings and body copy. The logo is never recreated with live text.
Aa
Layout and grid
A disciplined grid.
The brand uses a twelve-column desktop grid, eight columns on tablet, thin rules, measured asymmetry and confident negative space.
Voice
Useful before impressive.
Clear. Calm. Operational. Premium. Specific. Fact-based. Lead with the business reality, then explain the system.
Imagery
Credible, human and operational.
Prefer credible operating environments, natural working gestures and real materials.
Some editorial visuals are generated or composited to illustrate business scenarios. Client work is identified separately and uses approved project material.
Motion
Explain, then come to rest.
Motion explains a state change or relationship. Transitions stay brief, stop at rest and respect reduced-motion preferences. The logo is never distorted or animated as a decorative effect.
Next step
A question about using the brand?
Use approved assets only and contact Mapageweb before adapting the identity.