# Ziina Brand Identity

A complete profile of **Ziina**'s visual system — colors, typography, components, and personality — extracted from https://www.ziina.com. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/ziina
- Machine-readable JSON: https://characterquilt.com/branding/ziina.json
- Per-page llms.txt: https://characterquilt.com/branding/ziina/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #CE54FF |
| Accent | #CE54FF |
| Body Font | Noto Sans Arabic |
| Heading Font | Noto Sans Arabic |

## Color Palette

- primary: #CE54FF
- accent: #CE54FF
- background: #000000
- textPrimary: #000000
- link: #CE54FF

## Typography

- primary: Noto Sans Arabic — https://fonts.google.com/specimen/Noto+Sans+Arabic
- heading: Noto Sans Arabic — https://fonts.google.com/specimen/Noto+Sans+Arabic

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2230%22%20viewBox%3D%220%200%20122%2030%22%20width%3D%22122%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22text-label-primary%20h-6%20w-24%20lg%3Ah-10%20%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M14.8134%202.56066L8.66964%200.0027613L6.14326%206.22311L12.287%208.78101L14.8134%202.56066Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M23.5042%206.22354L20.9553%2012.4539L27.0438%2015.0012L29.6578%208.8043L23.5042%206.22354Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M6.14326%206.22311L0%208.78113L2.52638%2015.0015L8.67009%2012.4436L6.14326%206.22311Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M20.988%200L14.8344%202.58076L17.3834%208.81113L23.537%206.23037L20.988%200Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M27.0438%2015.0012L20.9575%2017.5591L23.4839%2023.7795L29.6276%2021.2216L27.0438%2015.0012Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.8142%2027.3839L20.958%2030L23.4843%2023.7796L17.3406%2021.2217L14.8142%2027.3839Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M6.14371%2023.7795L8.67009%2017.5591L2.52638%2015.0015L0%2021.2216L6.14371%2023.7795Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M12.3025%2021.1633L6.14887%2023.7441L8.69783%2029.9744L14.8514%2027.3937L12.3025%2021.1633Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M67.5986%206.09375H64.1231V23.7656H67.5986V6.09375Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M76.3463%206.09375H72.8708V23.7656H76.3463V6.09375Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M46.63%2020.6058L58.8523%209.25362V6.09375H43.0386L41.7063%209.25362H53.9286L41.7063%2020.6058V23.7656H59.1999L60.5322%2020.6058H46.63Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M95.9829%206.09375V18.6747L85.0929%206.09375H81.6173V23.7656H85.0929V11.1261L95.9829%2023.7656H99.4584V6.09375H95.9829Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M109.711%206.09375L102.471%2023.7656H106.062L107.916%2019.1428H116.199L118.111%2023.7656H121.702L114.461%206.09375H109.711ZM109.248%2015.983L112.086%209.07807L114.925%2015.983H109.248Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://ziina.com/images/icons/apple-icon.png
- Social card (og:image): https://ziina.com/images/opengraph.jpg

## UI Components

- buttonPrimary: background=#CE54FF, textColor=#000000, borderRadius=50px, shadow=none
- buttonSecondary: background=#181818, textColor=#FFFFFF, borderRadius=0px, shadow=none

## Brand Personality

Tone: modern · Energy: high · Audience: tech-savvy individuals and businesses in the UAE

## Ziina Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **How Ace of Fades ditched clunky card machines for Tap to Pay with Ziina**
  - Image: https://ziina.com/_next/image?url=https%3A%2F%2Fusable-warmth-9c0ff01b99.media.strapiapp.com%2FACE_OF_SPADES_SELECTION_11_5acc906ece.jpg&w=3840&q=75
  - Source: https://ziina.com/customer-stories/19-how-ace-of-fades-ditched-clunky-card-machines-for-tap-to-pay-with-ziina
- **How Dubai's first Polish restaurant launched with Ziina's Tap to Pay**
  - Image: https://usable-warmth-9c0ff01b99.media.strapiapp.com/Polonia_Ziina_25_23_3865fd5e1f.jpg
  - Source: https://ziina.com/customer-stories/17-how-dubai-s-first-polish-restaurant-launched-with-ziina-s-tap-to-pay
- **5 Of The Coolest Cashless Businesses in the UAE | by Ziina | Medium**
  - Image: https://miro.medium.com/1*KkxPx1uMV-jcV97dC8BrUA.png
  - Source: https://blog.ziina.com/the-coolest-cashless-businesses-in-the-uae-305d11d1348a
- **How Humd turned payments into instant spending power with Ziina Card**
  - Image: https://usable-warmth-9c0ff01b99.media.strapiapp.com/DSC_06238_e8d8dcefb4.jpg
  - Source: https://ziina.com/customer-stories/20-how-humd-turned-payments-into-instant-spending-power-with-ziina-card
- **The 5 Dubai Supper Clubs You Must Try | by Ziina | Medium**
  - Image: https://miro.medium.com/1*vBU7wlU5cxzm3_iauUW_VQ.png
  - Source: https://blog.ziina.com/the-best-supper-clubs-in-the-uae-1da607fe8a9b
- **How Dubai's first Polish restaurant launched with Ziina's Tap to Pay**
  - Image: https://ziina.com/_next/image?url=https%3A%2F%2Fusable-warmth-9c0ff01b99.media.strapiapp.com%2FPolonia_Ziina_25_05_570313453f.jpg&w=3840&q=75
  - Source: https://ziina.com/customer-stories/17-how-dubai-s-first-polish-restaurant-launched-with-ziina-s-tap-to-pay

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Noto Sans Arabic",
      "role": "body"
    },
    {
      "family": "fontGTA",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#CE54FF",
    "accent": "#CE54FF",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#CE54FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Noto Sans Arabic",
      "heading": "Noto Sans Arabic"
    },
    "fontStacks": {
      "heading": [
        "fontGTA",
        "Noto Sans Arabic"
      ],
      "body": [
        "fontGTA",
        "Noto Sans Arabic"
      ],
      "paragraph": [
        "fontGTA",
        "Noto Sans Arabic"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "42px",
      "body": "22px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#CE54FF",
      "textColor": "#000000",
      "borderRadius": "50px",
      "borderRadiusCorners": {
        "topLeft": "50px",
        "topRight": "50px",
        "bottomRight": "50px",
        "bottomLeft": "50px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#181818",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2230%22%20viewBox%3D%220%200%20122%2030%22%20width%3D%22122%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22text-label-primary%20h-6%20w-24%20lg%3Ah-10%20%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M14.8134%202.56066L8.66964%200.0027613L6.14326%206.22311L12.287%208.78101L14.8134%202.56066Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M23.5042%206.22354L20.9553%2012.4539L27.0438%2015.0012L29.6578%208.8043L23.5042%206.22354Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M6.14326%206.22311L0%208.78113L2.52638%2015.0015L8.67009%2012.4436L6.14326%206.22311Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M20.988%200L14.8344%202.58076L17.3834%208.81113L23.537%206.23037L20.988%200Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M27.0438%2015.0012L20.9575%2017.5591L23.4839%2023.7795L29.6276%2021.2216L27.0438%2015.0012Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.8142%2027.3839L20.958%2030L23.4843%2023.7796L17.3406%2021.2217L14.8142%2027.3839Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M6.14371%2023.7795L8.67009%2017.5591L2.52638%2015.0015L0%2021.2216L6.14371%2023.7795Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M12.3025%2021.1633L6.14887%2023.7441L8.69783%2029.9744L14.8514%2027.3937L12.3025%2021.1633Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M67.5986%206.09375H64.1231V23.7656H67.5986V6.09375Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M76.3463%206.09375H72.8708V23.7656H76.3463V6.09375Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M46.63%2020.6058L58.8523%209.25362V6.09375H43.0386L41.7063%209.25362H53.9286L41.7063%2020.6058V23.7656H59.1999L60.5322%2020.6058H46.63Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M95.9829%206.09375V18.6747L85.0929%206.09375H81.6173V23.7656H85.0929V11.1261L95.9829%2023.7656H99.4584V6.09375H95.9829Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M109.711%206.09375L102.471%2023.7656H106.062L107.916%2019.1428H116.199L118.111%2023.7656H121.702L114.461%206.09375H109.711ZM109.248%2015.983L112.086%209.07807L114.925%2015.983H109.248Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.9%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.9)%20!important%3B%20fill-opacity%3A%200.9%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://ziina.com/images/icons/apple-icon.png",
    "ogImage": "https://ziina.com/images/opengraph.jpg",
    "logoHref": "/en"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and matches the brand name 'Ziina'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get started for free",
      "reasoning": "Button #0 'Get started for free' is the primary CTA due to its vibrant brand color (#CE54FF) and action-oriented text, making it the most prominent call-to-action."
    },
    "secondary": {
      "index": 2,
      "text": "Ziina becomes first venture-backed start-up to secure UAE Central Bank SVF licenseAug 07, 2024",
      "reasoning": "Button #3 has a different background color (#181818) and provides additional information, making it suitable as a secondary button."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "tech-savvy individuals and businesses in the UAE"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and matches the brand name 'Ziina'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```