mirror of
https://github.com/superdesigndev/treg.git
synced 2026-10-02 03:24:35 +08:00
Jason ZhouandClaude Opus 5
bbf9a88363
assets/brand/twitter/ was sitting untracked, which made plugin/assets/ derived from a source nobody else has. Anyone asked to re-render the listing logo at a new size had the output and not the input. Adds the 13 files (124K) and, in their README, the exact Pillow snippet used for the 1024 render — headless Chrome works but is overkill for flat geometry, and the numbers are what matter: viewBox 512, outer rx 112, quadrants 140.5² at (111,111) and (260.5,260.5), rx 20. Also notes the folder name now undersells it: despite "twitter", avatar-dark.svg is the source for the Codex plugin's listing assets too, so changing the mark here means regenerating those. Left the path alone rather than churn it. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012x16Skh3DNWoqv7LgNxUYF
treg — black & white logo assets (Twitter / X)
The mark is ▚ — upper-left + lower-right quadrants, the same geometry as
src/treg/web/favicon.svg and plugin/assets/icon.svg, recoloured to pure
black/white. Wordmark is set in the site's --mono stack (SF Mono, 700).
| File | Size | Use |
|---|---|---|
avatar-dark-400.png |
400×400 | Profile picture (white ▚ on black) |
avatar-light-400.png |
400×400 | Profile picture, light |
avatar-dark.png / avatar-light.png |
512×512 | Same, higher-res |
avatar-dark.svg / avatar-light.svg |
vector | Source; re-render at any size |
banner-dark.png |
1500×500 | Header (white on black) |
banner-light.png |
1500×500 | Header, light |
wordmark-white.png / wordmark-black.png |
1400×440, transparent | Lockup for slides, video end-cards |
mark-white.svg / mark-black.svg |
vector, transparent | Mark alone |
Notes
- Avatars are safe in the circular crop. The mark is inset so its corners sit at ~80% of the crop radius — nothing clips.
- The banner mirrors the README hero (
docs/assets/treg-hero.png): the same pill lockup, the sameGeist Pixelheadline set to "OpenRouter for agent tools", and aDM Monokicker underneath — recoloured to pure black/white. Both webfonts load from Google Fonts at render time. - Banner content is centred and vertically tight (~240px tall), so it survives X's mobile top/bottom crop and the avatar that overlaps bottom-left.
- Wordmark PNGs are 2× with a real alpha channel — drop them on any background.
- Colours are pure
#000000/#ffffff. The brand colour set (clay#e0703fon#211d16) lives insrc/treg/web/index.html; these are the mono cut.
Regenerate the PNGs from the SVGs with headless Chrome
(--headless --window-size=W,H --screenshot=out.png file://…) — the repo has
no rasteriser installed. For flat geometry like avatar-dark.svg a few lines of
Pillow are exact and need no browser:
uv run --with pillow --no-project python -c "
from PIL import Image, ImageDraw
S=1024; k=S/512 # every number below is in the 512 viewBox
img=Image.new('RGBA',(S,S),(0,0,0,0)); d=ImageDraw.Draw(img)
d.rounded_rectangle([0,0,S-1,S-1], radius=int(112*k), fill=(0,0,0,255))
for x,y in ((111,111),(260.5,260.5)):
d.rounded_rectangle([x*k,y*k,(x+140.5)*k-1,(y+140.5)*k-1], radius=int(20*k), fill='white')
img.save('out.png')"
Used beyond X
Despite the folder name, avatar-dark.svg is the source for the Codex/ChatGPT
plugin's listing assets — plugin/assets/{logo.png,icon.png,icon.svg} are the
same mark, re-rendered (not upscaled) at 1024 and 512. Change the mark here and
those need regenerating; see plugin/README.md.