Marginalia

by PixelSunset

124 hand-drawn accents · 7 families · ink, highlight, stroke

124 accents · 7 families · 3 controls

Marginalia

Arrows, circles, underlines, strikes and highlighter swipes for annotating headlines, screenshots and slides. Drawn by hand, placed as Framer vectors.

arrows · loop

frames · circle scribble

marks · sparkles

highlighters · swipe

01 — VARIABLES

One drawing, any pen.

Each card holds the same five accents as separate instances. Ink, highlight colour and stroke width are set per instance, so the marks match any palette.

Graphite

#1E1B16 · #FFC93C · stroke 3

Red pencil

#D2452B · #FFD9A8 · stroke 3

Blue ink

#2647A8 · #BFE0FF · stroke 3

Green felt

#2E7D4F · #C9EFB3 · stroke 3

Fine nib

#1E1B16 · #FFC93C · stroke 1.8

Marker, inverted

#F4EEE3 · #FF7AB6 · stroke 5

02 — FAMILIES

Seven families, one hand.

A sampler from each family. Every piece shares the same pen pressure and wobble, so they sit together on one page.

Arrows

33 pieces

Marks

37 pieces

Frames

17 pieces

Underlines

16 pieces

Highlighters

7 pieces

Strikes

6 pieces

Brackets

8 pieces

03 — IN THE MARGINS

Make a headline talk.

A sample landing hero: highlight one word, circle another, strike a third and point at the button.

yourproduct.com

Yourproduct

Product

Docs

Blog

Ship

the

launch

page

today

not

two

weeks

Annotate the words that matter. Every mark on this mock is a Marginalia vector placed on top of live text.

Start writing

start here

04 — THE FULL SET

All 124, in one sitting.

33 arrows, 37 marks, 8 brackets, 17 frames, 16 underlines, 6 strikes and 7 highlighters, each a live instance.

Marginalia

by PixelSunset