Droploft is the distribution layer for AI-generated documents. We sit between "AI made this" and "humans read this." We don't create content — we make it arrive where it needs to go, better than it was.
Every day, millions of people use Claude, ChatGPT, and Cursor to generate beautiful interactive HTML reports — charts, tables, animations. And then what?
Save to desktop. Email as attachment. Blocked by browser security. Ends up as a screenshot in Slack.
An interactive document that runs perfectly in the browser dies as a blurry pixel image pasted into a group chat. That's why Droploft exists.
Droploft is not a document editor (Notion), not a website builder (Wix), not code hosting (Vercel), not a storage service (Dropbox), not an AI tool.
We are the distribution layer for AI-generated knowledge artifacts. Notion manages content within its own ecosystem. Droploft manages documents from any AI tool — it doesn't matter what generated it, only that it can be elegantly shared, tracked, and understood.
Droploft has one design principle: the product steps back; the user's document takes the stage.
When you open a Droploft link, you see the author's report — not our product. No prominent logo, no loud CTA, no colorful decorations. All brand identity is confined to the Signature Bar at the bottom of the page: a single line, restrained and dignified.
Our palette is gray. The only accent — teal (#0d9488) — appears in exactly three places: trust marks, analytics highlights, and timestamp badges. You'll barely notice it. But when it does appear, you will.
The Droploft logo is two stacked rounded rectangles — the back layer (gray) represents incoming documents, the front layer (dark, with an upload arrow) represents the value Droploft adds. On hover, the front layer lifts up and the back layer sinks down, suggesting the act of elevation.
This Stacked Shapes motif runs through the entire product. The logo is stacked. Empty-state illustrations are stacked. Background textures are stacked. Document Passport stamps are rounded rectangles echoing the same shape. One graphic language, from the logo to every corner.
The moment a file drops into Droploft, the Stamp animation fires — the file icon appears instantly, micro-compresses, and a concentric pulse ring radiates outward. The whole thing takes 250ms. Crisp. Decisive. Like a rubber stamp hitting paper.
The Stamp isn't just an animation. It's a brand moment. When you click the Publish button in the browser extension, the same spring curve triggers the same micro-compression. The "stamp feel" you experience on the landing page is the same one you feel inside Claude. Cross-touchpoint motion memory — not through color, through feel.
On first publish, after the Stamp lands, a 2.5-second Enhancement Reveal sequence plays — line by line showing what Droploft automatically did: how much the file shrank, how many TOC sections were generated, what AI source was detected. Not marketing copy. Real numbers from your specific file. From the third publish onward, it collapses to one line: "5 enhancements applied." Respect returning users' time.
Every document uploaded to Droploft automatically earns a set of metadata "stamps": which AI tool made it, how long it takes to read, whether the content is fresh, whether the file is healthy, how much it was optimized, whether it's been cryptographically timestamped.
These stamps form the document's passport — a unified visual strip that appears on every product surface: Viewer header, Signature Bar, Dashboard cards.
Every stamp is backed by real automated verification — not decorative labels. Source detection is regex pattern matching against HTML signatures. Reading time is word count divided by 238. Optimization percentage is the actual size reduction after PurgeCSS and compression. Timestamp is a SHA-256 hash anchored via OpenTimestamps.
Droploft doesn't just host files. It gives files an identity.
Every Droploft document has a Signature Bar at the bottom. For free users, it's brand exposure — "Published with Droploft." But it's evolving into something else: a trust mark.
When a document has been through the Publish Pipeline (40-70% size reduction), sandboxed for security, auto-detected for source, and auto-generated a social preview card, every stamp in the Signature Bar represents a real technical guarantee.
For recipients, seeing this line means: "This link is safe, fast, and works on mobile."
Pro users can fade the brand name but keep the stamps — because the stamps make their documents look more credible, not more like an ad. Team users can replace the brand with trust words: "Optimized · Secure · Mobile-ready." It's not advertising. It's a trust signal.
Free users see a brand footer. Pro users see credibility. Team users see trust infrastructure. One component, three layers of value.
Most products' dark mode is an inversion — bright brand colors glare against dark backgrounds. Droploft's gray palette (#374151) is a natural relative of dark mode. When you switch, the brand color barely changes. Stamps glow more naturally against the dark surface.
The Signature Bar gains a subtle teal glow line — 1px tall, 40% opacity, a gradient along the top edge. This is the only place in the entire product where teal is used as a luminous element. It ties the bar to the trust/verification theme while giving dark mode its own signature.
Dark mode doesn't "invert." Semantic colors shift from their 600-weight to 400-weight (brighter, more saturated). Background tints shift from pale to deeply tinted (green-50 becomes a custom dark-green-gray). Meaning is preserved. WCAG AA contrast is maintained.
Dark mode should feel like the premium mode, not a downgrade.
The Droploft browser extension's Publish button is the highest-frequency brand touchpoint — it literally lives inside Claude and ChatGPT.
It can't look like an ad, but it must be instantly recognizable. We chose brand dark gray (#374151) over teal — teal could blend with Claude's UI accents. Dark gray stands out on both Claude's dark interface and ChatGPT's light interface without being intrusive.
On click, it triggers a micro-compression — the same spring curve as the landing page Stamp. Two completely different contexts, the same "feel." Brand recognition through motion, not color.
Droploft doesn't grow through paid acquisition. Every shared document is marketing material — the model proven by Loom, Calendly, and Typeform.
The flywheel spins not because the CTA is big, but because the shared page is genuinely better than opening the file locally. If it is, the sharer feels "using Droploft makes me look more professional." If it isn't, no amount of CTAs will help.
Every technical optimization — Publish Pipeline shrinking files 40-70%, Streaming HTML rendering the first screen instantly, ESI caching opening pages in milliseconds, auto TOC and dark mode — ultimately serves one brand promise: what you send through Droploft is better than what you'd send without it.