Sidenote

Sidenote is a free personal blog template for Framer for writers, designers and researchers who publish long essays. Its signature move: notes sit in the margin beside the sentence they explain, joined to it by a pencil line when you hover. On phones a tap opens it from the bottom.

Perfect for

• Designers and engineers writing essays about their craft

• Researchers and academics who need footnotes that don't break the reading

• Founders and consultants building an audience with a newsletter

What makes it different

• Margin sidenotes with a pencil line. Write [1] in your text and the note appears in the margin. Hover the marker and a thin line draws across to it.

• A lab-notebook look. Graph-paper texture, mono labels in pencil blue, a duotone image set and a Day, Lamp and Auto theme switch.

• A library and an archive. Show the books you are reading, each with a line from the margin, and browse every essay and note by year.

• Series with progress. "Part 2 of 4" and a segmented line for each series.

• Hover previews with the opening line and cover.

• Editable in Framer. Native layout, colour and text styles, and CMS content for essays, notes and books.

What's included

• Home, Essays, Notes, Series, Library, Archive, Now, About, Newsletter, Read me, Style guide, Changelog, Search and a 404

• Sample essays (one long piece with margin notes), short notes and a bookshelf, ready to replace with yours

• Reading progress, contents rail, end-of-essay subscribe form, author box and related essays

• Accessible by default: skip link, labelled forms, reduced-motion support

• Pick your marker style (numbers, symbols or handwritten pencil) and add an optional audio player to any essay.

Support

Questions or requests: vexorastudio02@gmail.com