# Workshop Signal brand assets

These are the first usable assets for the loke.dev rebrand. They are ready to
upload as-is, and the square template has room for custom copy in Figma, Canva,
Photoshop, or any image editor.

## Files

| File | Use |
| --- | --- |
| `loke-profile-portrait.png` | GitHub, X, LinkedIn, and other profile avatars. Keep the face centred when a platform crops it to a circle. |
| `loke-x-header.png` | X header, GitHub profile banner, LinkedIn cover starting point. It is graphic-only and keeps the lower-left 32% clear for X's profile avatar. |
| `loke-signal-mark.svg` | The compact logo mark. Use for favicons, app icons, and small signatures. |
| `loke-og-default.png` | Default 1200 × 630 Open Graph card for loke.dev pages. |
| `illustrations/` | Reusable SVG illustrations for website sections, social posts, and article callouts. |
| `loke-social-square-template.png` | Square post base for announcements, project releases, or useful short notes. Put your copy on the large paper panel. |

## Visual rules

- Ink: `#121212`
- Paper: `#F4F0E8`
- Signal orange: `#FF5A1F`
- Muted navy: `#172237`
- Use plain, short copy. Keep the background busy enough to feel alive, but let
  the main point sit on the paper panel.
- Use orange as the marker, not as a whole background.

## Good social copy layout

1. A small label, for example `NEW TOOL` or `FIELD NOTE`.
2. One clear headline, no more than three lines.
3. One short supporting line or URL.

Avoid gradients, generic AI imagery, long copy blocks, and perfect rounded SaaS
cards. The point is technical, human, and a little rough around the edges.