BAYIN MOSAWIQVisual Identity Guidelines

Why This Symbol?

BAYIN MOSAWIQ describes a way of seeing a business: understand the customer’s perspective, then turn that understanding into a clear marketing decision. The original identity documents this idea as two opposing open corners.

The symbol is an abstract point of view, not a literal eye. Its visual logic informs layout; the master artwork itself is never redrawn or broken apart for animation.

BAYIN MOSAWIQVisual Identity Guidelines

Clear Space and Size

Clear space separates the symbol from headings, images and edges. Measure from the outermost visible artwork, excluding transparent padding in the image file. The designated clear-space unit is one quarter of the visible symbol height on every side.

• Leave at least one quarter of the visible symbol height on every side, increasing it when the surrounding content is dense.
• For the horizontal lockup, start at 180 pixels on screen or 40 mm in print. Use the fixed vertical master and check both names at actual size.
• For the symbol: a minimum visible height of 8 mm in print, starting at 10 mm on the business card. On screen, start at 24 pixels and check recognition.
• For account images, inspect both the square artwork and the circular crop, leaving breathing room around the symbol.
• When the brand line becomes unreadable, use the approved version without it; do not alter the lockup manually.

¼

Measure from visible artwork, not the edge of the image file.

Measure from visible artwork bounds, not transparent file edges. Clear space and the print minimum are rules for this system; an actual-size physical proof is still required to assess legibility.

BAYIN MOSAWIQVisual Identity Guidelines

Color Roles

The palette identifies the agency and supports reading. Its balance comes from clear roles: neutral colors for large surfaces, a primary color for identity, and an accent for direction. Every color does not need to appear in every application.

• Use the main background for extended reading and the secondary surface to separate related sections.
• Repeat the primary color in consistent places, such as headings, the page header or buttons, according to the approved template.
• Reserve the accent for a principal action or a specific detail. Repeating it everywhere weakens its emphasis.
• Use the designated text color for paragraphs; do not replace it with the accent merely for variety.
• Keep screen color values in source files. Agree print values with the printer using the chosen paper and a physical proof.

Use the approved values as specified. No fixed distribution percentage is required; print output must still be checked against a production proof.

BAYIN MOSAWIQVisual Identity Guidelines

Why These Colors?

The palette balances a recognizable presence with comfortable reading surfaces. Content should carry the message, while consistent color roles make BAYIN MOSAWIQ recognizable.

These are functional and aesthetic reasons for this identity, not universal claims about color psychology. Supporting interface values include #56645F for secondary text, #CDD6CD for dividers and darker clay #8B583F where text needs higher contrast. They do not replace the master logo palette.

BAYIN MOSAWIQVisual Identity Guidelines

Typography and Hierarchy

The approved English family is Manrope, using weight 600 for headings and 400 for body text. Build hierarchy through size, spacing and weight while keeping the number of roles limited. Review the two editions independently; the approved Arabic family is IBM Plex Sans Arabic at weights 600 and 400.

• A primary heading communicates one message; subheadings organize the explanation; body text carries the detail.
• For website body text, begin at 16–18 pixels with approximately 1.6–1.8 line spacing, then refine it for the actual font.
• Use the designated heading weight. Avoid synthetic bold when the required font file is unavailable.
• Do not stretch, compress or artificially extend letters to force a line width.
• Give links, codes and phone numbers their appropriate text direction. English paragraphs read from left to right; Arabic paragraphs read from right to left.

Manual and document weights: 600 for headings and 400 for body copy. Large digital headings may use 400 with sufficient size and space. This is application guidance, not a claim that the website has been updated.

BAYIN MOSAWIQVisual Identity Guidelines

Why These Typefaces?

Marketing content needs a noticeable headline and an explanation that is easy to read. The two families share a considered tone while respecting the natural construction of each language.

The package includes Arabic weights 400 and 600, plus variable Manrope from 200 to 800. Templates standardize on 400 and 600. Font creators’ names do not imply endorsement of BAYIN MOSAWIQ.

BAYIN MOSAWIQVisual Identity Guidelines

Grid, Alignment and Spacing

A grid keeps the logo, headings and images consistent across applications. Its purpose is a clear rhythm, rather than forcing every piece into one composition. Align English to the left and Arabic to the right, using centered alignment selectively for brief headings or covers.

• Begin with a consistent outer margin, then use one clear content column or two columns when a genuine comparison benefits from them.
• Use a deliberate spacing sequence instead of arbitrary values. Multiples of 8 pixels are a useful starting point for digital interfaces.
• Separate sections more generously than a heading and its paragraph so that relationships are visible.
• Avoid automatic text justification when it creates uncomfortable gaps between words.
• Align the logo and heading with the template grid; do not move them on every page without a reason.

Six columns illustrate the grid. Combine them into one or two content columns as needed.

Adapt the grid to the medium. Screen measurements should not be transferred directly into print dimensions.

BAYIN MOSAWIQVisual Identity Guidelines

Writing Voice

The agency speaks clearly, confidently and with an understanding of the reader. Explain the idea before introducing a technical term, and use an example when it shortens the path to understanding. Educational content may be more conversational than a formal proposal while remaining accurate.

• Start with what matters to the reader: a problem, a decision or an outcome they are seeking.
• Replace broad language with a description of the actual work, such as audience analysis, content planning or inquiry tracking.
• Explain specialist terms when first used and avoid unnecessary jargon.
• Give each piece one clear next step, such as making contact, saving a useful idea or reading the detail.
• Distinguish illustrative examples from actual results. Do not publish figures, testimonials or promises without reliable support.

Check the English edition for natural meaning rather than translating Arabic colloquial expressions literally.

BAYIN MOSAWIQVisual Identity Guidelines

Photography and Graphic Elements

Imagery supports the idea rather than competing with it. Choose scenes that explain a service, situation or decision the audience recognizes, and crop them to leave suitable space for the headline. The subject may vary while clarity and visual treatment remain consistent.

• Represent Yemeni settings through relevant, credible details rather than decorative cultural symbols.
• Prefer natural light or restrained editing. Avoid excessive effects and harsh treatments that make the image set inconsistent.
• Keep icon stroke weight, corner treatment and detail level consistent. Label an icon when its meaning is not obvious.
• Do not present generated or illustrative images as the agency's real team, clients or completed projects.
• Use photographs of people, client logos and testimonials only within the permission and scope granted.

The guide does not require or prohibit people in every image. Decide according to the content and context.

BAYIN MOSAWIQVisual Identity Guidelines

Social Media

Templates create recognition through the placement of headlines, the logo and clear space without making every post identical. Each piece carries one central idea, while longer explanations are divided into connected slides.

• Suggested production sizes: 1080 × 1350 pixels at 4:5 for portrait feed posts, and 1080 × 1920 pixels at 9:16 for stories and video covers.
• Start with an immediately understandable heading, follow with an example or evidence, and end with one relevant action.
• Keep essential copy away from edges and interface overlays. Preview the design inside the destination platform before publishing.
• Check a video cover both at full size and in the crop used on the account page.
• Deliver publication artwork as flattened PNG or JPG images. Do not describe these files as editable text templates.

The dimensions are production guidance, not a reach guarantee or a universal safe-area specification for every app.

BAYIN MOSAWIQVisual Identity Guidelines

Stationery and Correspondence

Correspondence uses the identity quietly and gives the message priority. Logo placement, typography and dividers connect the materials, while the writing area adapts to each document type.

• Letterhead: A4 at 210 × 297 mm, with a simple header and clear areas for the date, subject and main text.
• Envelope: DL at 220 × 110 mm, with an unobstructed recipient address area. Confirm the production template with the print supplier.
• Presentations and proposals: a clear cover, scope, deliverables, schedule and approved fees when available.
• Email signature: copyable text and working links, with a small logo image rather than a signature flattened entirely into one image.
• Do not add registration numbers, accreditations, contact details or addresses that have not been supplied and verified.

Deliver Arabic and English editions in their natural directions, with the same verified facts in both.

BAYIN MOSAWIQVisual Identity Guidelines

Guide References

These references informed the organization and usability of the identity system. The content and applications are developed for BAYIN MOSAWIQ. Inclusion does not imply copying their marks or an affiliation.

The accompanying brand line is optional. Use it when the space and context support it.