From scattered sourcing to organized supply.
The brand should communicate trust, efficiency, connection, organization, and Saudi-modern clarity. It is institutional enough for B2B procurement, but digital and flexible enough for regional growth.
Mwrd Brand Center
Mwrd Brand System
A complete identity library for mwrd.io, built around bilingual marks, precise patterns, product-ready applications, and calm operational clarity.
58 logo SVGs
4 pattern artboards
14 application files
3D app icon
Brand overview.
Mwrd is a Saudi digital procurement and supply platform built to connect companies with suppliers through a clearer, faster, and more trusted system.
What
A Saudi platform that connects companies with suppliers inside a modern procurement ecosystem.
How
Through a structured digital experience that improves selection, communication, and supplier access.
Why
To reduce manual sourcing, build trusted supplier relationships, and support stronger business growth.
TrustStable, clear, and dependable in every visual decision.
EfficiencyReduce clutter. Make choices and next steps easy to understand.
ConnectionUse the symbol and pattern to express linking companies and suppliers.
ClarityWrite directly. Avoid inflated claims and keep bilingual communication practical.
Use this page as the working guideline: each section explains what to use, when to use it, what to avoid, and where to download the original files.
Logo system.
The logo system includes Arabic, English, bilingual full lockups, and the standalone icon. Choose the version based on space, audience, and contrast.
Primary bilingual
Use on brand pages, decks, launch visuals, and official touchpoints where Mwrd needs full recognition.
Arabic lockup
Use for Saudi-first communication, Arabic social posts, local campaigns, and Arabic-only layouts.
English lockup
Use when the surrounding interface or document is primarily English and space is horizontal.
Icon mark
Use for app icons, favicons, avatars, small badges, and places where the full wordmark becomes too small.
Use this
Keep clear space around the mark, choose high-contrast versions, preserve proportions, and align the logo cleanly to layout edges.
Avoid this
Do not stretch, recolor, rotate, crop, add heavy effects, place on noisy imagery, or rebuild the Arabic and English relationship.
Clear space
Give the logo enough room to breathe. Do not let text, edges, or icons crowd the mark.
Do not stretch
Always scale proportionally. Distortion weakens the Arabic and English letterforms.
Protect contrast
Use black, white, or background-specific versions when the gradient or light logo loses clarity.
Do not crop
The icon and wordmark must remain complete unless using the standalone icon asset intentionally.
Logo downloads
Grouped by familyColor tokens.
A restrained palette built around functional black, action orange, clear blue, and a warm neutral bridge.
Usage ratio
Let warm white, black, and soft neutrals carry most layouts. Use orange for action, emphasis, and key brand moments.
Contrast
Use black text on light surfaces and white text on black. Avoid placing text directly on busy mockups.
Blue
Use blue as a calm support color for product surfaces, app icon backgrounds, and light informational areas.
Extended palette
The guideline PDF also includes blush, vanilla, and pollen tones. Use them sparingly as secondary accents.
Typography.
The kit includes the original font package. Use Plus Jakarta Sans for English UI and IBM Plex Sans Arabic for Arabic communication.
Plus Jakarta Sans
Every order has a path.
IBM Plex Sans Arabic
لكل طلب مسار واضح.
Headlines
Use bold weights with short, direct statements. Keep line-height tight but readable.
Body copy
Use regular or medium weights. Keep paragraphs concise and practical for business readers.
Arabic
Use IBM Plex Sans Arabic for Arabic headings and body text. Avoid mixing Arabic with English fonts randomly.
Labels
Use small uppercase English labels for system notes, file types, and section identifiers.
Pattern artboards.
Four supplied pattern directions are available in SVG, PNG, and PDF. Use them as quiet texture, not as decoration that competes with content.
Best for
Social backgrounds, packaging fields, presentation dividers, subtle web sections, and brand moments that need recognition without a full logo.
Avoid
High opacity behind text, tiny repeated texture, pattern over photography, or using multiple artboards in one small layout.
Applications.
The supplied real-world visuals and social cover assets are included here as preview cards with links to the original files.
Imagery style
Use clean product mockups, operational environments, and useful interface moments rather than generic stock imagery.
App icon
Use the 3D app icon as a product signal, especially in launch, onboarding, app-store, and notification contexts.
Containers
Container visuals should express movement, fulfillment, and supply without overpowering the brand system.
Social covers
Keep social assets spacious. Let the logo, one message, and one visual idea lead the composition.
Voice and copy.
Mwrd should sound clear, professional, direct, and useful. The tone is confident without being inflated, and human without becoming casual.
Reliable
Write in a way that builds trust: specific benefits, clear next steps, and no exaggerated promises.
Organized
Use short headings, structured lists, and direct labels. The copy should reduce operational uncertainty.
Saudi-modern
Preserve local confidence in Arabic while keeping English communication clean and internationally readable.
Say
“Find trusted suppliers faster.” “Organize procurement in one place.” “Build clearer supplier relationships.”
Avoid
Vague claims like “the best platform ever,” overly playful language, or copy that sounds consumer-facing.
نبرة عربية
استخدم لغة مباشرة ومهنية: ثقة، وضوح، كفاءة، وتنظيم في رحلة التوريد.
Microcopy
Prefer action verbs: browse, compare, connect, request, approve, track, download.
Core downloads
Brand kit files.
The complete copied kit lives in assets/brand-kit. Use the links below for the guideline PDF, font package, source files, and the featured primary SVG.
Icon source
Original editable icon logo source file.
English source
Original editable English logo source file.
Arabic source
Original editable Arabic logo source file.
Full one-side source
Original editable full bilingual one-side source file.
Full two-side source
Original editable full bilingual two-side source file.
Pattern source
Original editable pattern source file.