# NUBAYIN mark files

Approved on 8 November 2026 (decision D3, option A: the rhombic point). The construction and rules are in [DESIGN.md](../../DESIGN.md) under **Logo**, and the review page is https://claude.ai/artifact/JqFU6SDqZ9matY8x9hspfB.

| File | Use it for |
|---|---|
| `nubayin-mark.svg` | **Display master**, from 28px tall. Inline it in HTML: the pages take `currentColor`, and `--nb-point` on a parent colours the point. |
| `nubayin-mark-micro.svg` | **Micro master**, from 14px to 27px tall. The gutter is closed and it is always one colour. |
| `nubayin-mark-on-light.svg` | Two colours on gypsum and other light grounds: kohl pages and a lāzaward-600 point. |
| `nubayin-mark-on-dark.svg` | Two colours on kohl and other dark grounds: gypsum pages and a lāzaward-400 point. |
| `nubayin-mark-kohl.svg`, `nubayin-mark-gypsum.svg` | One colour, for photographs, print and lāzaward grounds. |
| `favicon/favicon.svg` | Browser tab icon. It switches between kohl and gypsum with the browser's theme. |
| `favicon/favicon.ico` | Fallback tab icon at 16, 32 and 48px on a kohl tile. At 16px it uses the Micro master. |
| `favicon/apple-touch-icon.png`, `icon-192.png`, `icon-512.png`, `icon-maskable-512.png` | iOS home screen and web-app icons, on kohl. |
| `social/avatar-kohl-800.png`, `social/avatar-gypsum-800.png` | Profile pictures. Both are safe for circle crops. |
| `_archive/` | Round 1 sketches and the round 2 proposals, kept for the record. Don't use them. |

## Web head tags

```html
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
```

```json
"icons": [
  { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
  { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" },
  { "src": "/icon-maskable-512.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" }
]
```

## Rules that travel with the files

- **Clear space:** keep the point's width (9 units) clear on every side.
- **Never:** outline the mark, round its corners, fill the pages with lāzaward, rotate it, mirror it in right-to-left layouts or draw a shape around it. App tiles and avatar crops are the only containers.
- **Edit by coordinates, not by eye.** Every vertex sits on a 2.5-unit grid, and the comment in each SVG gives the construction.

## Not here yet

The **NUBAYIN | نُبَيِّن** lockup waits for the drawn wordmark. Under D4, an Arabic type designer draws the Latin and Arabic together, and the wordmark's dots take the point's rhombic shape.