d51a763da8
Trace the flat-color logo to source/logo.svg (palette-locked to the canonical brand colors via tools/trace_logo.py), and render every avatar/favicon/logo master from the SVG at its exact size (tools/build_assets.py via resvg). Logo assets are now crisp at any resolution — removes the 640px upscale ceiling. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
81 lines
4.1 KiB
Markdown
81 lines
4.1 KiB
Markdown
# Jed Arden — Brand Kit
|
||
|
||
Canonical logo, hero image, and ready-to-upload social assets for every major
|
||
platform. Everything here is generated from two source files so the brand stays
|
||
consistent wherever it appears.
|
||
|
||
| | Source | Style |
|
||
|---|---|---|
|
||
| **Logo** | `source/logo.svg` | **Vector** cartoon avatar — red polo, scales infinitely; used for all **profile pictures**. (`source/logo.png` is the original raster it was traced from.) |
|
||
| **Hero** | `source/hero.png` | Photoreal triple-monitor desk scene — red polo, used for all **banners / covers**. Raster only — photoreal imagery can't meaningfully vectorize. |
|
||
|
||
> The logo (flat illustration) and the hero (photoreal render) are intentionally
|
||
> kept as separate assets rather than composited together — mixing the two styles
|
||
> in one frame reads as amateurish. Each platform therefore gets a logo-based
|
||
> profile picture **and** a hero-based banner.
|
||
|
||
## Per-platform assets
|
||
|
||
Drop these straight into each platform's upload dialog — they're already at the
|
||
exact required pixel dimensions.
|
||
|
||
| Platform | Profile picture | Banner / cover |
|
||
|---|---|---|
|
||
| X / Twitter | `avatars/x-400.png` (400×400) | `banners/x-header-1500x500.png` (1500×500) |
|
||
| LinkedIn (personal) | `avatars/linkedin-400.png` (400×400) | `banners/linkedin-personal-1584x396.png` (1584×396) |
|
||
| LinkedIn (company) | `avatars/linkedin-400.png` | `banners/linkedin-company-1128x191.png` (1128×191) |
|
||
| GitHub | `avatars/github-460.png` (460×460) | `banners/github-social-1280x640.png` (1280×640, repo social preview) |
|
||
| Instagram | `avatars/instagram-320.png` (320×320) | — (no banner) |
|
||
| Threads | `avatars/threads-320.png` (320×320) | — |
|
||
| Facebook | `avatars/facebook-320.png` (320×320) | `banners/facebook-cover-851x315.png` (851×315) · 2× `…-2x-1702x630.png` |
|
||
| YouTube | `avatars/youtube-800.png` (800×800) | `banners/youtube-banner-2560x1440.png` (2560×1440, TV-safe) |
|
||
| TikTok | `avatars/tiktok-200.png` (200×200) | — |
|
||
| Mastodon | `avatars/mastodon-400.png` (400×400) | use `banners/open-graph-1200x630.png` |
|
||
| Bluesky | `avatars/bluesky-400.png` (400×400) | use `banners/twitter-card-1200x628.png` |
|
||
| Discord | `avatars/discord-512.png` (512×512) | `banners/discord-banner-960x540.png` (960×540) |
|
||
| Web / Open Graph | `favicon/` set | `banners/open-graph-1200x630.png` (1200×630) · `banners/twitter-card-1200x628.png` |
|
||
|
||
### Favicons (`favicon/`)
|
||
|
||
`favicon.ico` (multi-res 16–256), `favicon-16/32/48/192/512.png`,
|
||
`apple-touch-icon-180.png`.
|
||
|
||
### Logo masters (`logo/`)
|
||
|
||
`logo.svg` (vector — scale to any size) plus pre-rendered `logo-256/512/1024.png`
|
||
and `logo-original.png` (the 640² raster). Use the SVG when a platform isn't
|
||
listed above or you need a custom/large size; it never pixelates.
|
||
|
||
## Palette
|
||
|
||
| Name | Hex | Use |
|
||
|---|---|---|
|
||
| Polo Red | `#DC3127` | Primary brand color — accents, links, highlights |
|
||
| Ink | `#0A0A08` | Outlines, text on light surfaces |
|
||
| Canvas Cream | `#EFDECC` | Logo background, light surfaces |
|
||
| Skin Tan | `#F5B079` | Illustration only |
|
||
| Control-Room Black | `#070506` | Dark surfaces, banner backdrop |
|
||
|
||
## Regenerating
|
||
|
||
All derived assets are produced from the sources in `source/`:
|
||
|
||
```bash
|
||
python3 tools/trace_logo.py # raster logo.png -> vector logo.svg (needs vtracer)
|
||
python3 tools/build_assets.py # sources -> every platform asset (needs Pillow; resvg for crisp vector logo)
|
||
```
|
||
|
||
`build_assets.py` renders each logo asset straight from `source/logo.svg` at its
|
||
exact target size (via `resvg`), so profile pictures and favicons are crisp at
|
||
any resolution. If `resvg` is unavailable it falls back to resizing the raster.
|
||
|
||
Tooling (one-time): `cargo install vtracer resvg`. Edit `source/logo.svg`/`hero.png`
|
||
(or the size tables in the script), re-run, and commit. `source/hero-alt.png` is
|
||
an alternate desk composition kept for reference.
|
||
|
||
## Usage & rights
|
||
|
||
These are the personal brand assets of Jed Arden. The repository is public so the
|
||
assets are easy to reference and self-host, but the logo, likeness, and hero
|
||
imagery are **not** licensed for reuse, redistribution, or derivative works.
|
||
All rights reserved.
|