← Back to news

2026-05-14 · design

The Quiet Concierge: We Rewrote How Fortrip Looks, and Why

We pulled every gradient button, glassmorphism panel, and SaaS card out of the product. What's left reads closer to a travel guide than a dashboard.

Shuhao Dong · CTO, Fortrip

A concierge knows when to speak. For most of last year, our product did the opposite — it raised its voice on every screen, with gradient buttons, side-stripe accent borders, glassmorphism panels, and the kind of hero-metric template you find on a hundred SaaS landing pages. None of it served the trip. So we took it out.

What we noticed, planning trips ourselves in the old chrome, was that the interface kept asking to be looked at. A filled-gradient primary button at the bottom of the composer pulled the eye away from the itinerary. A radial-gradient card with an inset white highlight made the trip artifact feel like a marketing tile instead of a document. The product was speaking over its own recommendations. A concierge does not do that. A travel guide does not do that. We wanted Fortrip to read like the editor at a travel magazine: refined, helpful, never theatrical. The chrome had to fall in line with the voice.

A handful of named rules carry the rewrite. The One-Canvas Rule holds the sidebar and the working surface at the same near-white tone, so the seam between them is invisible. Content cards — trip cards, the itinerary artifact, modals — sit on that canvas as paper sits on a desk. The Flat-By-Default Rule forbids lift on chrome. If a sidebar item or page background carries a shadow, the shadow is wrong. Depth comes from the color step between canvas and paper, not from box-shadow theatre. The 10% Rule rations the brand blue: it appears on at most 10% of any rendered viewport, reserved for active states, the outline of the New Trip CTA, and the cursor for the current mode. If a screen reads as blue at a glance, the screen is wrong. The Blue-Tint Rule keeps every shadow rgba-based on the brand blue at very low alpha — no neutral grays — so even the parts of the system you don't consciously see stay coherent with the parts you do.

And then there is the one indulgence. The Serif-For-Artifact Rule reserves EB Garamond for Trip Document titles and itinerary headlines. Nowhere else. Not on a button, not in a section header, not on a nav label. The serif's rarity is its function: when you see it, you know you are looking at the trip — the deliverable — and not at the product wrapping around it. Geist carries the other 95% of the surface. Sans for the workflow, serif for the artifact, and a strict line between them.

The visual choice is the same belief as the voice. Fortrip is a concierge, not a retail app. A retail app shouts, badges, counts down, and packs every margin with a conversion handle. A concierge states what is so, recommends what is best, and explains why. So scarcity and timing show up as a sentence in the assistant's reasoning, not as a red banner. Hotel cards live inside the itinerary as the trip's next concrete action, not as a sticky bar interrupting your reading. Reasoning stays attached to every recommendation, because reasoning is what a guide who has been there actually offers.

Open any surface — chat, the trip artifact, settings — and notice what is missing. The product has stopped speaking over itself. The trip is what's left.

Try it in the planner.

The change above is live. Open a chat and put it to work on a real trip.

Open the planner

More news