XAZRI STUDIO / BRAND GUIDELINES
A shared identity.
A fresh perspective.
The elements that make us recognizable. A practical guide to our logos, colors, typography, and the way we show up in the world.
Explore the identityIdeas, made real.
Xazri is an independent studio connecting design, technology, and play. We bring visual thinking and technical thinking into the same conversation.
Our name comes from a wind. It is a reminder that movement can change a landscape and open a different perspective. Our identity carries that instinct: curious, considered, and clear.
Clear in purpose
Every element earns its place.
Care in the details
How it feels matters as much as how it works.
Room to imagine
A little play opens a different perspective.
A mark of our studio.
The primary lockup pairs our mark with the lowercase “xazri studio” wordmark. Keep them together when introducing the studio. Use the standalone mark where the name is already clear.
xazri studioxazri studio
xazri studioKeep it consistent
- Use the supplied mark and existing lockup.
- Keep proportions and spacing intact.
- Choose a quiet surface with clear contrast.
Avoid these changes
- Stretching, rotating, or cropping the mark.
- Rebuilding the wordmark in another font.
- Adding shadows, gradients, or busy backgrounds.
Need a full lockup or a different format? Contact the studio. See the usage guidance below before using an asset.
Quiet foundations. Clear accents.
White and paper create space. Ink gives the content weight. Blue points to an action. Sage and deep green bring the landscape mood of our About page into the identity.
#ffffffThe main canvas#f5f5f7Quiet surfaces#1d1d1fPrimary text#68686eSupporting text#0066ccActions & links#d2d2d7Decorative dividers#edf1e7Atmospheric surfaces#253331Text on sage#273541Landscape sections#101720Dark sections#c4cbd4Supporting text on dark#8abaffLinks on darkA fresh perspective.
Use blue for meaningful actions, rather than decoration everywhere. On dark surfaces, use light blue links and light supporting text. Check text contrast against the actual surface, especially over imagery.
Three voices. One rhythm.
Poppins connects every heading, from H1 through H6. Inter keeps everyday copy readable, while Manrope supports the wordmark and non-heading typography. Use sentence case and leave enough space for the words to work.
Poppins
H1–H6 / Bold 700 · Semibold 600A studio for ideas.
H1 and H2 use Bold 700 on every page. H3–H6 use the same Poppins family, with Semibold 600 as the default. Sizes and spacing follow each heading’s context.
Manrope
Wordmark & supporting type / 400–800Different disciplines.
A shared standard.
The wordmark uses Bold 700. Supporting non-heading typography can use the loaded Manrope weights; semantic headings always use Poppins.
Inter
Body & UI / Regular 400–Semibold 600We turn a business need or a creative ambition into something people can experience, with care for both the larger idea and the details that make it work.
Body 16px / 1.6 · leads 17–20px / 1.7 · readable details 14–15px / 1.8
Use Arial, then sans-serif, when a brand font is unavailable. Preserve the hierarchy and let text reflow naturally at smaller sizes.
The identity in practice.
Consistent ingredients can create different moments. Keep the layout spacious, the message clear, and the next step easy to find.
Ideas that deserve
to become real.
Thoughtful design. Practical execution.
A fresh perspective on what comes next.
Discover together
Start with the audience, the opportunity, and the questions that matter. Turn shared understanding into a useful direction.
How we collaboratexazri studioA change
in perspective.
Imagination with a useful destination.
Space & shape
Borderless cards and generous margins. Let whitespace organize the story before adding decoration.
Image & motion
Airy landscapes and purposeful illustrations. Use subtle depth, keep text readable, and offer a static experience for reduced motion.
Sound like the people behind it.
Write with warmth, clarity, and practical confidence. Describe the work and its purpose. Be curious, direct, and specific.
“We bring design and development into the same conversation.”
“We revolutionize everything with world-class solutions.”
A few useful terms
- Mark
- The standalone Xazri symbol.
- Wordmark
- The lowercase “xazri studio” name in its established type treatment.
- Lockup
- The mark and wordmark together, with their existing proportions and spacing.
- Clear space
- The breathing room around a logo, kept free of text and other competing elements.
- Accent
- A selective color that draws attention to an action or important detail.
Use the identity with care.
These guidelines explain how to present Xazri Studio consistently. For permission to use the identity in a campaign, partnership, product, or other third-party material, contact us with the context and proposed placement.
Represent the studio accurately
Keep the name and visual identity intact. Avoid placements that suggest a partnership, sponsorship, or endorsement that has not been agreed with the studio.
Keep the assets recognizable
Use the supplied artwork, preserve its proportions, and follow the logo, color, and typography guidance on this page.
Check each asset’s context
A downloadable logo is a reference asset; availability does not by itself grant permission for every use. Photography, illustrations, fonts, and third-party marks may have separate terms. See our references and credits for the website’s source acknowledgements.
Ask when something is unclear
Share where the identity will appear and which files you need. We can help confirm the treatment and the right asset for the job.