A line that ends in a drop.
How dewline looks, sounds and moves. Everything here is a working rule, with the reason next to it.
The idea.
The DEW Line. In the 1950s a chain of radar stations ran across the Arctic: the Distant Early Warning line. Its job was to see what was coming before anyone else did. dewline does that for a freelancer's market: it watches LinkedIn and X for businesses asking for a service like yours, and gets you there first.
Dew. Dew forms quietly overnight, out of the air, and is there fresh every morning. The feed works the same way: it reads through the night and the reader wakes up to a few clear drops, not a flood.
The line. Every post is scored against what the reader told dewline. Only what clears their line reaches them. The line is also the feed itself: one line of posts, read top to bottom.
So the mark is a line that ends in a dew drop and carries on through it as the cut. The line is the night's reading, the reader's bar and their feed. The drop is the one signal worth acting on. A line of text that ends in the drop full stop draws the same picture.
The mark.
Three forms, one geometry. Use the lockup by default, the symbol where space is square or small, and the signature wordmark where the word must carry the brand alone. The line always comes in from the left and stops just short of the drop.
Construction.
Every measure is a share of the drop's height, so the mark is the same at every size.
- Width
- 0.72 of the height
- Bowl
- A circle, radius 0.36, its centre 0.64 below the point
- Sides
- One curve each, meeting the bowl at its widest point with no corner
- Cut
- Centred at 0.66, 0.091 tall: the line passing through the drop
- Line
- As thick as the cut and on the same axis. 0.9 of the drop's width long, ending 0.075 h short of the drop, round at both ends
- Lockup
- The line, then the drop, then the word. The drop is 1.08 times the height of the l (a point looks shorter than a flat top); its bowl dips 2% under the baseline, as round letters do. The gap to the word is 0.36 of the drop's width
- Word
- Schibsted Grotesk SemiBold, tracked in 1.5%, always lowercase, outlined, never typed
Space and size.
Keep clear space equal to the drop's width on every side of the lockup and the symbol. Nothing enters it, not even a border.
- Lockup, no smaller than 18 px tall on screen or 6 mm in print.
- Symbol, no smaller than 16 px. At 16 px use the hand-fitted favicon file: its cut fills exactly one pixel row and its line is three pixels long.
- App icon corners follow the platform. The tile file uses a 22% radius.
Colour.
One accent. Dew Blue is the app's signal blue, so the product and the brand are the same colour. Everything else is paper and ink.
Type.
The app's three faces, each with one job. All three are open source and served from our own files.
Good morning, Priya.
Newsreader
Headlines, greetings, and the italic line that says why a post matters. A face drawn for reading the news.
Take action on Meera's post
Schibsted Grotesk
The wordmark, the interface and body text. Built for a news publisher, plain and quick to read.
LINKEDIN · 2H
Spline Sans Mono
Sources, times and scores. Small, upper case, tracked out.
The full stop.
The app has always ended its greeting with a blue full stop. Now that stop is the drop, and a line of words ending in it is the mark itself. It is the brand's one gesture, so it stays rare: it ends a greeting or the one headline that matters, never body text, never every heading.
Your feed is ready.
The real full stop stays in the text, so copying, search and screen readers all get a period.
Voice.
Calm, plain and exact, like a good morning brief from someone who already read everything.
Plain words
Connect LinkedIn once and your bots can comment for you.
Authenticate the LinkedIn integration via OAuth.
Say why it matters
She is describing the exact problem you solve, in public.
High-intent signal detected.
Say what happened, and the way back
Request sent to Meera. Undo.
Action completed successfully.
Never invent a number
Your first feed in about 3 minutes.
10x your pipeline overnight.
House rules: sentence case, no em dashes, never the names of the tools dewline runs on, one idea per sentence. The apps a reader connects (LinkedIn, HubSpot) are named, because they are theirs.
Motion.
One idea: condensation. Things form, they do not fly in.
- Condense. The mark forms at the end of its line: the line draws in from the left, the drop forms where it ends, the word follows.
- One idea per moment, built from the real content (posts, drops, cards), never decoration or particle noise.
- Inside the frame. A big moment happens in the box that owns it.
- Ease out, quickly:
cubic-bezier(.22, .75, .25, 1), 0.4 to 0.9 seconds. - Reduced motion gets the finished frame, with nothing missing.
Misuse.
The mark only works whole and unchanged: never the line on the right, never the line touching the drop.
Files.
Every file is drawn from the same geometry. The drop is two closed shapes with no masks, so it survives any converter.
