# BauLynq logo rules — v3.1

**There is no lockup.** The mark and the name are two separate things that never
appear side by side. This replaces every earlier version; delete any file that
shows them joined.

## The mark — this is the logo

Your original artwork, traced to vector (IoU 0.9983 against the source PNG,
aspect exactly 1:1). Never redraw it, never smooth it, never stretch it.

**It stands on its own, with no tile.** One file, `baulynq-mark.svg`, filled with
`currentColor`: near-black `#16181A` on a light surface, paper `#F7F7F5` on a dark
one. Set the colour once on a parent and it is correct in both themes.

| | |
|---|---|
| Default | bare mark, `currentColor` |
| Minimum size | **20 px** — below that the counters close up |
| Clear space | half the mark's width on every side |

## The badge — only where the background is not yours

The mark reversed inside a rounded square. It exists for the three places the
surface behind the logo cannot be controlled:

1. **Favicon, app icon, PWA tile** — dropped onto browser chrome and OS docks
2. **Avatars** — inside a circle, next to user photos
3. **Over photography** — where a bare mark would sit on unpredictable pixels

Anywhere else — any solid light or dark surface — use the bare mark.

| | |
|---|---|
| Tile | square, corner radius **23.5 %** of the side |
| Mark inset | **22 %** each side, so the mark is **56 %** of the tile |
| Default fill | `#0B0D10`, mark in `#F7F7F5` |
| App icon / avatar | `#8E2222` tile, mark reversed |
| Light or busy surfaces | `#FFFFFF` tile, `#E2E3E0` hairline, mark in `#16181A` |
| Minimum size | **18 px** |

Files: `baulynq-mark.svg` (**the default**) · `baulynq-badge.svg` ·
`baulynq-badge-red.svg` · `baulynq-badge-hairline.svg` ·
`baulynq-badge-current.svg` (knockout, inherits `color`).

## The name

Ordinary typography. Plus Jakarta Sans, two weights by size:

| Size | Weight | Tracking | Where |
|---|---|---|---|
| **28 px and up** | 800 | −0.030 em | Covers, slide titles, website hero |
| **Below 28 px** | 700 | −0.012 em | App headers, footers, captions |

Outlined versions ship as `baulynq-name-800.svg` and `baulynq-name-700.svg` for
print and for places live text is not possible. Everywhere else, just set the type.

## Placement — opposite ends

The mark anchors one end of a bar or surface. The name sits at the **far end**,
or on a different edge entirely. They are never adjacent.

- **App header** — mark far left, page title beside it, name far right
- **Slide** — mark top-left, name top-right
- **Document** — mark top-left, name top-right or in the footer
- **Website** — mark in the nav; the name lives in the hero headline and the footer

Minimum separation: **8 × the mark's width**, or the full width of the surface.
Where the far end is already occupied (a CTA button, a toolbar), the name moves to
the next uncluttered anchor — usually the footer. It does **not** move next to the
mark.

## Never

- Any lockup of mark + name, in any arrangement
- The name set beside, under or over the mark
- A badge on a surface you control — that is what the bare mark is for
- Matching the name's weight to the mark's stroke — that constraint is gone
- Stretching, cropping, recolouring or redrawing the mark
- More than one mark on a surface
