---
name: adom-arrows
description: >-
  The house arrow for every Adom graphic: thumbnails, slides, diagrams, social cards, video overlays. One smooth curved teal (#00e6dc) stroke with round caps, a soft same-colour glow and a solid, slightly rounded triangular head, with exact sizes relative to the frame, curvature rules, don'ts, ready-made transparent PNGs, and the reference renderer. Use whenever drawing, choosing or checking an arrow in Adom-branded work. Trigger words: arrow, adom arrow, draw an arrow, arrowhead, pointer arrow, callout arrow, curved arrow, brand arrow, thumbnail arrow.
---

Parent skill: **video-editing-skillpack**

# Adom arrows

Measured from the two arrows already published on the
Adom YouTube channel (the swoosh under "AI Engineered PCBs." in `vKUMzy261zs` and the hook in
"I asked AI for a radio." in `wFHON9yi8Yc`). Example PNGs are in this skill's `assets/` folder.

## Rule

An Adom arrow is one smooth curved stroke in the accent colour with a soft glow of the same colour
and a solid triangular head. Use it to point from a claim to the thing that proves it. One arrow per
image.

## Spec

Sizes are given for a 1280 x 720 frame; scale them with the frame width (multiply by width / 1280).

| Property | Value | Relative |
|---|---|---|
| Colour | `#00e6dc` (brand accent; measured `#06e3d9` and `#05e0d5` after JPEG) | |
| Stroke width | 11 px | 0.86 % of frame width |
| Stroke | one quadratic curve, uniform width, round caps, no dashes, no taper | |
| Head shape | solid filled triangle, corners softened by 0.15 x stroke | |
| Head base width | 44 px | 4.0 x stroke |
| Head length | 40 px | 3.6 x stroke |
| Head alignment | axis on the curve's end tangent; the stroke ends inside the head | |
| Glow | same colour, gaussian sigma 8 px, about 60 % opacity at the stroke edge, gone by about 24 px | sigma 0.73 x stroke |
| Curvature | control point offset 0.25 to 0.35 of the chord length, or a hook (leave sideways, land vertical: control point at end x, start y) | |
| Length | 250 to 360 px of chord | 20 to 28 % of frame width |
| Count | 1 per image | |

Measured values: swoosh stroke 9 to 11 px, head 34 px across its diagonal span; hook stroke
10 to 12 px, head 44 px wide x 40 px long. Glow at 9 px from the edge lifts the background from
about 25 to 56 levels in green, i.e. 13 to 15 % of full colour there.

## Don't

- No straight clip-art arrows with thin heads, no outlined or hollow heads, no double heads.
- No other colours (no white, no purple, no gradient) and no dashed or tapered strokes.
- No arrow into the X title-pill zone (bottom-left 60 % x 22 % of a link card) when the image is
  a YouTube thumbnail.

## Examples (transparent PNG, glow included)

| File | Shape |
|---|---|
| `assets/arrow-swoosh-right.png` | left to right, sagging (KiCad thumbnail) |
| `assets/arrow-hook-down.png` | sideways then straight down (radio thumbnail) |
| `assets/arrow-curve-left.png` | right to left, sagging |
| `assets/arrow-straight-right.png` | straight, for tight spaces |

## Reference implementation

`arrow_layer(size, start, end, bend=0.25, scale=1.0, control=None)` in
`~/.claude/skills/adom-youtube-thumbnails/make_thumbnail.py`. It renders at 4x and downsamples.
`scale` multiplies every size above.