Send a note to your inbox without writing an email.
Write what you want to keep and pull down. Noteself sends it to your own email address. No recipient to enter, no subject to write and no send button to tap.
Your inbox stays. The email form goes.
Noteself is a native iPhone app for people who already email themselves notes. It keeps the place they already use and removes the repetitive setup before each note gets there.
Noteself is built around one job: write a note and send it to your own email address.
You write the note. Noteself already knows where it is going and handles the subject. Pull down to send.
- Your own inbox is the destination.
- Recipient and subject are already handled.
- Pulling down sends the note.
- Nothing needs to be filed before sending.
For people who already email themselves notes.
Noteself is for tech minded iPhone users who use their inbox as a personal archive for thoughts and notes.
A thought is worth keeping. The user already knows where they want it to end up. The unnecessary part is writing an email to themselves every time.
- Primary market: United States
- Platform: iPhone
- Default language: English
A private note, not another productivity system.
Noteself should feel personal because the note is written for yourself. The interface stays out of the way until it needs to explain the send gesture or confirm the result.
Four bands on one opacity value. Each band is shorter than the one above it and all four end on the same bottom edge, so density increases in reading direction.
Only the top edge moves. Every band has the same width and the same radius, and every band ends on the same bottom edge.
- Drawing area: 0 0 100 100 — the viewBox of every mark.
- Base form: rounded band — four filled bands, no stroke width, no fill rule.
- Layers: 4
- Direction: upright, read from the top — unlike a circle the sign has a reading direction; the bands grow downward.
- Width: 52 — the same on all four layers, from x 24 to x 76.
- Corner radius: 6 — the same on all four layers.
- Top edges: 8 · 29 · 50 · 71 — step of 21 units, even.
- Heights: 84 · 63 · 42 · 21 — step of 21 units. Each band is exactly one step shorter than the one above it.
- Outer size: 52 × 84 — upright, not square.
- Clear space: 24 at the sides, 8 at top and bottom — uneven, because the base form is an upright band. Set, not an oversight.
- Opacity per layer: 0.28
8 + 84 = 29 + 63 = 50 + 42 = 71 + 21 = 92. All four layers end on the same line; only the start moves.
Four tones out of one value. Every layer sits at 0.28; because each band is shorter than the one above and all end on the same edge, four layers lie on top of each other at the bottom and one at the top. The values below are calculated, not set.
- Set value: 0.28 — once in the code, the same on all four layers.
- Effective values: 0.280 → 0.731, top to bottom. The bottom zone never reaches full opacity — the sign stays transparent throughout.
- Tone zones: y 8–29 · 29–50 · 50–71 · 71–92
- Zone height: 21 units — all four are equal, because the edge step and the height step carry the same value.
- Smallest gap: 0.104 — between the third zone (0.627) and the fourth (0.731). The gap narrows downward, because the same rule meets an already covered ground.
- Not tested below 29 pt. Tested sizes are 60 pt and 29 pt. Smaller sizes are neither drawn nor judged.
- The shared edge cannot be cropped. All four layers end on y 92. Cropping the bottom takes the closing edge off all four bands at once and erases the densest zone. The sign must not be cut off at the bottom.
- The sign is upright. 52 wide on 84 high; in a square tile 24 units stay clear at each side. It fills a square differently than a round base form would.
- On mid-tone grounds the top zone loses its separation. At 0.28 it barely differs from the ground — and on an upright band that hits the top edge, the start of the reading direction.
- Four layers are the maximum. Beyond that the inner steps merge at small sizes.
The stacked wordmark is the primary form. Both lines have four characters — that is what lets stacked setting sit flush without optical correction.
96 px · 40 px · 22 px
- Typeface: Geist — loaded in weights 300, 400, 500 and 600.
- Upper line: Geist 300
- Lower line: Geist 500 — the weight difference carries the separation of the two word parts. There is no difference in color and none in size.
- Case: lowercase throughout — no capital, not even at the start of the word.
- Line height: 0.92 — below 1, so the two lines read as one block instead of two lines of text.
- Tracking: 0 em — tracking is not used. If it is set, an equal negative right margin cancels the trailing space after the last letter, otherwise centred setting sits half a tracking step to the left.
- Line length: 4 and 4 characters — note / self.
- Opacity: 1 and 0.45 — the second word at 0.45, the same as in the single-line version. The stepping belongs to the sign, not to the wordmark; this is one set difference, not a series.
- Technical labelling: Geist Mono, 11 to 12 px, only for identifiers, measurements and navigation. Never for the wordmark.
Secondary version for narrow surfaces · Geist 500 · tracking −0.035 em · second word at opacity 0.45
Real strings, not adjectives.
Send a note to your inbox without writing an email.
Pull down to send
Keep pulling
Release to send
Sent to your inbox.
The note comes first.
Color, type, motion and haptics support writing and make the send state clear without adding another control.
Color tokens — swatches in 05.1, counted as #tokens .sw-grid .sw across the groups Surfaces, Text, Lines, Accent, Status and Sidebar. Radius and Motion carry no color and stand as value rows, so they are not counted.
Type steps — rows of the specimen in 05.2, one row per step.
Motion keyframes — demos in 05.3 carrying data-anim. The pull spring carries none: it runs on a spring, not on keyframes, and is therefore not a sixth entry.
Sections — the fixed IDs from the structure standard that are present in the document. 06a and 06b are two presentations of one section; the ID governs, not the visible label.
Ink and Paper carry the interface. Threshold appears when releasing can send the note.
One accent per surface. Threshold is the only signal that asks for something. Where Threshold appears, no second accent appears — otherwise the send boundary loses its meaning.
- --r-xs … --r-pill: radius steps for chip, control, card, panel and pill · 4 · 6 · 8 · 12 · 999
- --d-fast … --d-draw: duration for state change, aura and drawing · 120 · 240 · 320 · 540ms
- --ease-out: default ease-out for surfaces and aura · cubic-bezier(.2,.7,.2,1)
- --ease-draw: line drawing, check · cubic-bezier(.5,.05,.15,1)
- Spring: pull gesture, spring instead of curve, as interpolatingSpring · stiffness 240 · damping 28
Typography keeps the note readable and separates product content from instructions, state feedback and technical information.
tracking 0.2em
tracking 0.08em
The interface responds to pull progress and send state. Motion explains what is happening instead of decorating it.
1600ms × 2 · ease-in-out · scale 0.86↔1.08
1600ms · ease-out · height 16→32→24
3200ms · linear · translateX -40px
540ms · ease-draw · dashoffset 130→0
1040ms · steps(2) · opacity 1→0
Demo in 06a
Click or press Enter on a stage to replay. With reduced motion enabled the demos rest in their end state.
Pulling down is the send control. Components support writing, gesture feedback and confirmation. They are shown in the playable pull in 06a, where the real states apply.
Touch targets stay at 44 points following the Human Interface Guidelines, including where the visible area looks smaller.
Write. Pull. Send.
Write the note and pull down. When the send state is reached, release. Noteself confirms that the note was sent to your inbox.
Writing
The note is being written.
Moving toward send
The interface shows progress toward the send state.
Release will send
The gesture has reached the send state.
Sent to your inbox
The note was sent to the verified email address.
- Note to Self
- Pull down to send
- Keep pulling
- Release to send
- Sent to your inbox.
The first run needs to make one thing clear: write the note, pull down and release when Release to send appears.
Show the idea before the feature list.
Marketing should make Noteself understandable before explaining secondary features: write a note and send it to your own inbox without composing an email.
A native iOS app.
- Platform: iOS
- App: Swift and SwiftUI
- Backend: Supabase · Frankfurt
- Email: Resend EU via Supabase Edge Functions
- Subscriptions: RevenueCat Swift SDK
- Haptics: CoreHaptics with a continuous ramp during the pull
- Web: Next.js and TypeScript on Vercel
- Distribution: TestFlight → App Store Connect