Brands813
↑ ↓ to browse
View full design.md ↗
Whilst· Productivitywhilst.app
Productivity

Whilst

Frictionless writing made calm — a warm cream canvas (#FFFDF7) with a paper-grain multiply texture, soft warm-black serif ink (#2B2B2B), full-serif typography at a single generous 28.7px reading size, hairline black/6 borders, and whisper-quiet black-tinted ghost buttons. Editorial stillness over UI chrome.

Color Palette13 tokens
background#fffdf7
surface#fffdf7
ink#2b2b2b
ink-strong#1e1e1e
ink-pure#000000
ink-muted#959491
ink-faint#bfbebb
border-hairline#f0eee8
border-soft#e8e6e0
ghost-fill#f9f7f1
ghost-fill-hover#f3f1eb
on-ink#fffdf7
dark-canvas#1e1e1e
Buttons
TypographyGoogle Font
Spectral
display-serif

The quick brown fox

28.7px · 500 · 0px
display-serif-light

The quick brown fox

28.7px · 400 · 0px
body-serif

The quick brown fox

18px · 400 · 0px
button-ui

The quick brown fox

15px · 400 · 0px
small

The quick brown fox

13px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Whilst

Frictionless writing made calm — a warm cream canvas (#FFFDF7) with a paper-grain multiply texture, soft warm-black seri…

Productivity
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Whilst
Frictionless writing made calm — a warm cream canvas (#FFFDF7) with a paper-grain multiply texture, soft warm-black serif ink (#2B2B2B), full-serif typography at a single…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewWhilst just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeProductivityWhilst
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Whilst.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Whilst tokens
export const theme = {
  primary: "#2b2b2b",
  radius: "10px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Whilst is a distraction-free writing app, and its marketing site is the product's thesis rendered as a webpage: write without friction. Where most software sites shout with saturat…

Whilst · Productivity