Nicolas MarquiSoftware Engineer
Loading000
Nicolas Marqui.
AboutWorkProjectsContact
Get in touch+Get in touch+
← All projects

CabinCabin

Flight-shaped focus timerFlight-shaped focus timer

Visit the site+Visit the site+
Role
Frontend
Year
2026
Type
Focus timer
Built with
  • Next.js
  • React
  • Tailwind CSS
  • SVG
Cabin, flight-shaped focus timer: home page
Overview

A focus timer that works like a flight. Pick a real route, choose your seat, board, and work until you land.A focus timer that works like a flight. Pick a real route, choose your seat, board, and work until you land.

The challenge

Pomodoro timers are easy to ignore. A plain countdown gives you no reason to stay in your seat, and you end up with no record of the hours you actually put in.Pomodoro timers are easy to ignore. A plain countdown gives you no reason to stay in your seat, and you end up with no record of the hours you actually put in.

The approach

Every session is a flight between two real airports, as long as the real flight or a quick 25, 50 or 90 minute hop. You pick a seat, can fly next to a friend with a shared link, and every trip ends up in your logbook. No sign-up.Every session is a flight between two real airports, as long as the real flight or a quick 25, 50 or 90 minute hop. You pick a seat, can fly next to a friend with a shared link, and every trip ends up in your logbook. No sign-up.

Demo
Gallery
Cabin's seat picker on a plane
Cabin on a phone
Design
Design system

CabinCabin

Cabin got its own look, because a focus timer that feels like a night flight needs a different mood. It’s a near-black sky, one bright signal blue, and Martian Mono for codes, times and gates, borrowed from cockpits and departure boards. Instrument Sans keeps the stuff you actually read friendly. The accent is a single value, so the whole thing can switch to orange, lime or cream.Cabin got its own look, because a focus timer that feels like a night flight needs a different mood. It’s a near-black sky, one bright signal blue, and Martian Mono for codes, times and gates, borrowed from cockpits and departure boards. Instrument Sans keeps the stuff you actually read friendly. The accent is a single value, so the whole thing can switch to orange, lime or cream.

Type
Instrument Sans · Martian Mono
Colour
  • Night#07090CBackground
  • Fog#ECEEF2Text
  • Steel#8B93A1Labels
  • Signal#4D8DFFRoute, seat, actions
Cabin flight planner: Amsterdam to Seoul, focus length and what you're working on
Cabin seat map: a tilted 3D plane with your seat and your friend's highlighted
Cabin boarding pass with gate, seat and a code to scan
Cabin in flight: the remaining time over a dotted globe and the route so far
Cabin boarding pass on a phone
Next projectMuralRetro boards for teamsFullstack · Team retrospectives→
Mural, retro boards for teams: home page
Contact
(04)

Wanna reach out?Wanna
reach out?

Got a role in mind, a question about something I built, or just want to say hi? Send me an email. I usually reply within a couple of days.Got a role in mind, a question about something I built, or just want to say hi? Send me an email. I usually reply within a couple of days.

Based in Lisbon, Portugal

nick.marqui@gmail.com→
Navigation
AboutWorkProjectsContact
Elsewhere
GitHubLinkedInInstagramTravels
Say hellonick.marqui@gmail.com

2026 © Nicolas Marqui. All rights reserved.

Paper effects after PaperDrops by Jesper Landberg. Shaders ported from Paper Shaders (Apache-2.0).

Back to top+Back to top+
MarquiMarqui