Your edits, stitched in. Suture drafts essay feedback in your voice. You approve it, and it lands in the student's Google Doc as if you wrote it there.
01 · Logo
One thread, three stitches.
The S is a single suture thread. Three lime stitches cross it, one for each part of what Suture does: draft, review and post. The mark always sits on its violet tile. On violet backgrounds, use the light lockup without the tile.
suture
Primary lockup on light
suture
Primary lockup on Ink
suture.
Wordmark on Suture Violet
App icon · 64px
Toolbar · 32px
Favicon · 16px
Clear space
Leave at least half the mark's width of empty space around it. Don't recolor, rotate or outline it.
02 · Color
Ink, violet, and a flash of lime.
Aa
Suture Violet#6D3BFF
Primary actions, the mark, and focus on what's next.
Aa
Ink#0B0B10
Dark surfaces and the dark theme background.
Aa
Stitch Lime#C6FF3D
Accents only: stitches, live dots, keyboard focus. Never for text on white.
Aa
Paper#F5F4FA
The light theme background.
pending
Pending#E9E2FF / #2C2152
Drafted edits waiting for you.
accepted
Accepted#DDF5E6 / #143A26
Approved edits.
yours
Yours#FFF3C4 / #4A3F12
Edits you wrote yourself.
+ / −
Insert / Delete#0E8A43 · #D93036
Suggested text changes.
03 · Type
Grotesk for the product, serif for the student.
Space Grotesk 700Display & headings
Every essay, stitched tight.
Inter 400–600Interface & comments
12 left to review · 8 ready to post · Post to Google Doc
Source Serif 4The student's essay
Near high school graduation, I looked at my father and said, “No, Dad, quiero estudiar medicina.” I knew their days because I had lived them.
The essay always gets the serif, so it reads like the student's writing rather than part of the app.
04 · Voice
Sounds like a good editor, not a robot.
The product
Short and plain. "8 ready to post", not "There are 8 items available for posting".
You're the editor. Suture drafts and you decide. Always say "your edits".
Calm about mistakes. Say what happened and what to do next.
Posted 12 edits to Ernesto's doc.
Success! Your amazing edits have been synced! 🎉
The comments
Reader reactions. "you lose me a bit", "reel me in".
Praise first, then the fix. Short praise goes on the best lines.
Keep the student's voice. Suggest small fixes; leave the story to them.
I like the connection you're making but lead me in better, you're throwing me in the deep end here
Consider improving the transition between paragraphs 2 and 3.
05 · Interface
The pieces.
too technicaladded by youin Google Doc live
Suggested editword choicehigh confidence
policy enforcement can evokedrive institutional change
evoke isn't quite the right word here
Commentundersellingadded by you
“That week I went to office hours, and I went every week after.”
You're selling yourself short, expand more here
06 · Files
Where the brand lives.
editor/static/suture-mark.svg: the mark (also the favicon).
editor/static/brand.css: every color, font and radius as a token. Change it here and the whole app follows.
Light and dark themes follow the computer's setting.
suture
← Students