# ChanhDai Brand

Key elements of the ChanhDai visual identity, including the mark, logotype, clear space, and more.

## Mark

<figure>
  <svg className="mx-auto h-auto w-1/3 text-foreground" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 386 258">
    <path fill="currentColor" d="M161 193H97v-32h64v32ZM289 97h-64v64h64v32h-96V65h96v32ZM97 161H65V97h32v64ZM321 161h-32V97h32v64ZM161 97H97V65h64v32Z" />
  </svg>
</figure>

<a href="https://assets.chanhdai.com/images/chanhdai-mark.svg" download>
  Download Mark
</a>

## Logotype

<figure>
  <svg className="mx-auto h-auto w-full text-foreground" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1154 258">
    <path fill="currentColor" d="M161 193H97v-32h64v32Zm128-96h-64v64h64v32h-96V65h96v32ZM97 161H65V97h32v64Zm224 0h-32V97h32v64ZM161 97H97V65h64v32Zm288-16h16v16h-16V81Zm-48-16h48v16h-48V65Zm-16 16h16v96h-16V81Zm16 96h48v16h-48v-16Zm48-16h16v16h-16v-16Zm32-96h16v128h-16V65Zm16 32h48v16h-48V97Zm48 16h16v80h-16v-80Zm48-16h48v16h-48V97Zm-16 16h16v64h-16v-64Zm16 64h32v16h-32v-16Zm32-16h16v16h-16v-16Zm16-64h16v96h-16V97Zm32 0h16v96h-16V97Zm16 0h48v16h-48V97Zm48 16h16v80h-16v-80Zm32-48h16v128h-16V65Zm16 32h48v16h-48V97Zm48 16h16v80h-16v-80Zm48-48h32v16h-32V65Zm32 16h16v16h-16V81Zm0 80h16v16h-16v-16Zm16-64h16v64h-16V97Zm-48 80h32v16h-32v-16ZM865 65h16v128h-16V65Zm112 32h48v16h-48V97Zm-16 16h16v64h-16v-64Zm16 64h32v16h-32v-16Zm32-16h16v16h-16v-16Zm16-64h16v96h-16V97Zm32 0h16v16h-16V97Zm16 0h16v96h-16V97Zm0-32h16v16h-16V65Z" />
  </svg>
</figure>

<a href="https://assets.chanhdai.com/images/chanhdai-logotype.svg" download>
  Download Logotype
</a>

## Clear Space

Maintain a clear space of 1/2 the height of the Mark on all sides of the logo, except in limited cases where the logo remains clearly recognizable and legible.

<figure>
  <svg className="mx-auto h-auto w-1/3 text-foreground" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 386 258">
    <path className="fill-current/8" d="M1 129h64v64H1zM161 193h64v64h-64zM161 1h64v64h-64zM321 129h64v64h-64z" />

    <path className="stroke-current/30" strokeLinecap="square" strokeDasharray="8 4" d="M1 65h384M1 1h384M1 257h384M1 193h384M65 1v256M1 1v256M321 1v256" />

    <path className="stroke-current/30" strokeDasharray="8 4" d="M385 1v256" />

    <path className="stroke-current/30" strokeDasharray="8 4" strokeLinecap="square" d="M1 129h64" />

    <path fill="currentColor" d="M161 193H97v-32h64v32ZM289 97h-64v64h64v32h-96V65h96v32ZM97 161H65V97h32v64ZM321 161h-32V97h32v64ZM161 97H97V65h64v32Z" />
  </svg>
</figure>

<figure>
  <svg className="h-auto w-full text-foreground" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1154 258">
    <path className="fill-current/8" d="M1 129h64v64H1zM161 193h64v64h-64zM161 1h64v64h-64zM705 1h64v64h-64zM705 193h64v64h-64zM1089 129h64v64h-64z" />

    <path className="stroke-current/30" strokeLinecap="square" strokeDasharray="8 4" d="M1 65h1152M1 1h1152M1 257h1152M1 193h1152M65 1v256M1 1v256M1089 1v256" />

    <path className="stroke-current/30" strokeDasharray="8 4" d="M1153 1v256" />

    <path className="stroke-current/30" strokeDasharray="8 4" strokeLinecap="square" d="M1 129h64" />

    <path fill="currentColor" d="M161 193H97v-32h64v32Zm128-96h-64v64h64v32h-96V65h96v32ZM97 161H65V97h32v64Zm224 0h-32V97h32v64ZM161 97H97V65h64v32Zm288-16h16v16h-16V81Zm-48-16h48v16h-48V65Zm-16 16h16v96h-16V81Zm16 96h48v16h-48v-16Zm48-16h16v16h-16v-16Zm32-96h16v128h-16V65Zm16 32h48v16h-48V97Zm48 16h16v80h-16v-80Zm48-16h48v16h-48V97Zm-16 16h16v64h-16v-64Zm16 64h32v16h-32v-16Zm32-16h16v16h-16v-16Zm16-64h16v96h-16V97Zm32 0h16v96h-16V97Zm16 0h48v16h-48V97Zm48 16h16v80h-16v-80Zm32-48h16v128h-16V65Zm16 32h48v16h-48V97Zm48 16h16v80h-16v-80Zm48-48h32v16h-32V65Zm32 16h16v16h-16V81Zm0 80h16v16h-16v-16Zm16-64h16v64h-16V97Zm-48 80h32v16h-32v-16ZM865 65h16v128h-16V65Zm112 32h48v16h-48V97Zm-16 16h16v64h-16v-64Zm16 64h32v16h-32v-16Zm32-16h16v16h-16v-16Zm16-64h16v96h-16V97Zm32 0h16v16h-16V97Zm16 0h16v96h-16V97Zm0-32h16v16h-16V65Z" />
  </svg>
</figure>


Last updated on June 1, 2025