|
| 1 | +# HashLib4Pascal — lightweight brand guide |
| 2 | + |
| 3 | +## Primary mark |
| 4 | + |
| 5 | +- **Default:** [`logo.svg`](logo.svg) — **shred-to-block**: lavender **input shards** on the left, a short **gold arrow**, and a **solid digest block** on the right with two subtle horizontal lines (abstract output bytes). Reads as “any input → one fingerprint.” |
| 6 | +- **Dark UI:** [`logo-dark.svg`](logo-dark.svg) — same layout with **brighter** lavender shards, **amber** arrow and block, on a **deeper violet-black** badge. |
| 7 | + |
| 8 | +## Palette (default logo) |
| 9 | + |
| 10 | +| Role | Hex | Notes | |
| 11 | +|------|-----|--------| |
| 12 | +| Badge top | `#4a3d66` | Gradient start. | |
| 13 | +| Badge bottom | `#261d38` | Gradient end. | |
| 14 | +| Input shards | `#c4b5fd` at 55% opacity | Arbitrary / unstructured input. | |
| 15 | +| Arrow | `#e8c547` | Direction into digest. | |
| 16 | +| Digest block | `#f7e08a` | Fixed-size result. | |
| 17 | +| Block detail | `#261d38` at 35% opacity | Suggested digest lines (not text). | |
| 18 | + |
| 19 | +Dark variant uses `#1a1428`–`#0a0810`, shards `#a78bfa` at 70%, arrow `#fde68a`, block `#ffe082`, detail `#0a0810` at 45%. |
| 20 | + |
| 21 | +**Banner background** (flat fill behind the logo for wide social and Open Graph PNGs [here](export/)): RGB **53, 45, 76** (`#352b4c`), aligned with the badge mid-tone. |
| 22 | + |
| 23 | +## Typography (pairing) |
| 24 | + |
| 25 | +The logo has **no embedded wordmark**. When setting type next to the mark: |
| 26 | + |
| 27 | +- Prefer **clean sans-serif** UI fonts (e.g. Segoe UI, Inter, Source Sans 3). |
| 28 | +- **Do not** use Embarcadero product logotypes alongside this mark in a way that suggests an official bundle. |
| 29 | + |
| 30 | +## Clear space |
| 31 | + |
| 32 | +Keep padding around the badge at least **1/4 of the mark width** on a square canvas. Do not crop the rounded corners flush to the edge of arbitrary crops. |
| 33 | + |
| 34 | +## Minimum size |
| 35 | + |
| 36 | +- **Favicon / IDE:** target **16×16** in ICO; **32×32** or larger is clearer. |
| 37 | +- **README / docs:** **128–200 px** wide for the SVG is typical. |
| 38 | + |
| 39 | +## Correct use |
| 40 | + |
| 41 | +- Scale **uniformly**. |
| 42 | +- Use `logo-dark.svg` on **dark** pages for contrast. |
| 43 | +- Prefer **SVG** on the web; **PNG** where required (some social crawlers). |
| 44 | + |
| 45 | +## Incorrect use |
| 46 | + |
| 47 | +- Do not **stretch**, **skew**, or **rotate** the mark for effect. |
| 48 | +- Do not **recolor** outside the documented palette without updating this doc (palette table above). |
| 49 | +- Do not **crop** to only the digest block or only the shards without the badge frame (loses identity). |
| 50 | +- Do not place **third-party logos inside** the badge. |
| 51 | + |
| 52 | +## Wordmark |
| 53 | + |
| 54 | +“HashLib4Pascal” in plain text beside or below the mark is enough; no custom logotype is required. |
0 commit comments