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> |
||
|---|---|---|
| avatars | ||
| banners | ||
| favicon | ||
| logo | ||
| source | ||
| tools | ||
| README.md | ||
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) |
avatars/instagram-320.png (320×320) |
— (no banner) | |
| Threads | avatars/threads-320.png (320×320) |
— |
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/:
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.