# Brand Marks

> Logo and brand development across various industries and for organisations of all sizes.

**Tags:** Brand Design, Logo Design, Identity, Client Work
**URL:** https://nasifsalaam.com/projects/brand-marks/

---

import ClickableImage from '../../components/ClickableImage.astro';
import ProjectStats from '../../components/ProjectStats.astro';

{/* Hidden — renders ClickableImage once so its global modal script is loaded on this page */}
<div class="hidden" aria-hidden="true">
  <ClickableImage src="/images/client-logos/kota-logo.jpg" alt="" />
</div>

<ProjectStats
  stats={[
    { label: "Logos", value: "16+" },
    { label: "Industries", value: "8+" },
    { label: "Role", value: "Brand & Identity" },
    { label: "Span", value: "15 Years" }
  ]}
/>

<div class="prose prose-lg max-w-none mb-10">

A selection of brand marks from over fifteen years of identity work. Each logo here is part of a larger system, built for a specific audience, context, and purpose. The clients range from solo practitioners and hospitality startups to healthcare conferences and technology companies. More brand imagery coming soon.

</div>

<div class="border-t border-white/[0.08] pt-10 not-prose">
  <div class="grid grid-cols-2 lg:grid-cols-3 gap-3">

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/amra-logo.jpg" data-image-alt="AMRA brand mark">
      <img src="/images/client-logos/amra-logo.jpg" alt="AMRA" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/arabica-logo.jpg" data-image-alt="Arabica Coffee Co. brand mark">
      <img src="/images/client-logos/arabica-logo.jpg" alt="Arabica Coffee Co." class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/clicks-hc-conf-logo.jpg" data-image-alt="Clicks Healthcare Conference brand mark">
      <img src="/images/client-logos/clicks-hc-conf-logo.jpg" alt="Clicks Healthcare Conference" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/cloud-logo.jpg" data-image-alt="Cloud brand mark">
      <img src="/images/client-logos/cloud-logo.jpg" alt="Cloud" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/dr-logo.jpg" data-image-alt="Dr. brand mark">
      <img src="/images/client-logos/dr-logo.jpg" alt="Dr." class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/ecos-logo.jpg" data-image-alt="ECOS Consulting brand mark">
      <img src="/images/client-logos/ecos-logo.jpg" alt="ECOS Consulting" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/edge-logo.jpg" data-image-alt="Edge brand mark">
      <img src="/images/client-logos/edge-logo.jpg" alt="Edge" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/expo-logo.jpg" data-image-alt="Expo brand mark">
      <img src="/images/client-logos/expo-logo.jpg" alt="Expo" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/kota-logo.jpg" data-image-alt="Kota AI brand mark">
      <img src="/images/client-logos/kota-logo.jpg" alt="Kota AI" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/mizan-logo.jpg" data-image-alt="Mizan brand mark">
      <img src="/images/client-logos/mizan-logo.jpg" alt="Mizan" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/passiflora-logo.jpg" data-image-alt="Passiflora Gardens brand mark">
      <img src="/images/client-logos/passiflora-logo.jpg" alt="Passiflora Gardens" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/pastelle-logo.jpg" data-image-alt="Pastelle brand mark">
      <img src="/images/client-logos/pastelle-logo.jpg" alt="Pastelle" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/qamar-logo.jpg" data-image-alt="Qamar brand mark">
      <img src="/images/client-logos/qamar-logo.jpg" alt="Qamar" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/ridenote-logo.jpg" data-image-alt="Ridenote brand mark">
      <img src="/images/client-logos/ridenote-logo.jpg" alt="Ridenote" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/ses-logo.jpg" data-image-alt="SES brand mark">
      <img src="/images/client-logos/ses-logo.jpg" alt="SES" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/straptec-logo.jpg" data-image-alt="Straptec brand mark">
      <img src="/images/client-logos/straptec-logo.jpg" alt="Straptec" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

    <button class="cursor-zoom-in w-full" data-image-src="/images/client-logos/zahra-logo.jpg" data-image-alt="Zahra brand mark">
      <img src="/images/client-logos/zahra-logo.jpg" alt="Zahra" class="w-full aspect-[4/3] object-cover rounded-2xl brightness-90 hover:brightness-100 transition-all duration-300" loading="lazy" />
    </button>

  </div>
</div>