--- title: "Brand guidelines" description: "The Xazri Studio identity: logos, colors, typography, examples, and guidance for using our brand." canonical: "https://xazristudio.com/brand-guidelines/" last-updated: "2026-10-16" --- # Brand guidelines The Xazri Studio identity: logos, colors, typography, examples, and guidance for using our brand. [Canonical page](https://xazristudio.com/brand-guidelines/) ## Ideas, 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. Primary lockup · light backgrounds Reversed lockup · dark backgrounds Standalone mark · familiar contexts Give the lockup room to breathe. ### Keep 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](https://xazristudio.com/contact/). 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. A fresh perspective. Ideas in motion. 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 A 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 Different 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 We 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. ## A clear next step. Blue leads the main action. Black offers a neutral alternative. Both use our metallic shine treatment. Red signals danger; green supports a successful or affirmative action. Their vertical gradients add depth while keeping the label clear. Outline buttons support secondary actions; ghost buttons keep low-emphasis actions quiet. ### Buttons with purpose Use a specific action label. Reserve red for destructive actions and pair it with a clear explanation. Use green for positive confirmation. Keep every CTA free of arrow icons. ### Simple text links Links use a clear label and blue text, with no arrows or underlines. Keep keyboard focus visible. Use a light blue treatment on dark surfaces. ## 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. A calm, focused introduction ### Discover together Start with the audience, the opportunity, and the questions that matter. Turn shared understanding into a useful direction. An editorial content card A change in perspective. Imagination with a useful destination. A darker brand moment ### 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 ## 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](https://xazristudio.com/references/) 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. ### Making something with Xazri? Let’s make sure the identity feels right. ## Brand palette - White: #ffffff — The main canvas - Paper: #f5f5f7 — Quiet surfaces - Ink: #1d1d1f — Primary text - Muted: #68686e — Supporting text - Studio blue: #0066cc — Actions & links - Line: #d2d2d7 — Decorative dividers - Sage: #edf1e7 — Atmospheric surfaces - Deep green: #253331 — Text on sage - Wind slate: #273541 — Landscape sections - Dark: #101720 — Dark sections - Muted light: #c4cbd4 — Supporting text on dark - Light blue: #8abaff — Links on dark [Download the original mark (PNG)](https://xazristudio.com/logo-mark.png) [Agent discovery](https://xazristudio.com/llms.txt)