A 20-20-20 timer for designers.
Visual designers spend the day evaluating contrast, color, and pixel-level alignment — work that demands your eyes operate at peak accuracy continuously. Long Figma, Photoshop, or Procreate sessions hammer the ciliary muscle and quietly degrade your color perception over the course of an afternoon. EYE CARE is a free 20-20-20 timer that gives your eyes a 20-second reset every 20 minutes so the work you ship at 5 PM looks as sharp to you as the work you started at 9.
Why designers feel eye fatigue first
- Evaluating subtle color and contrast differences requires sustained near-focus, which fatigues the eye faster than reading or general computer use.
- Color perception drifts when the eyes are tired — a palette that looked balanced at 10 AM can read muddy at 3 PM without your noticing.
- High-resolution displays at close range mean every saccade is doing precision work; you are not just looking at a screen, you are inspecting it.
Working it into a design day
Open EYE CARE in a pinned tab; the timer runs alongside whatever you have in Figma or Photoshop. When the 20-second break overlay appears, look away from your monitor at something across the room — a plant, a print on the wall, the view out a window. Resist the temptation to skip the break right before a deadline; that is exactly when your eyes need it most. Many designers report that a brief look away actually unlocks creative blocks too, because it interrupts the visual rumination loop.
What it does not solve
A timer cannot fix a poorly calibrated monitor, ambient light bouncing off your screen, or a chair that puts you too close to the display. Calibrate your monitor monthly, position it about an arm's length away with the top of the screen at or just below eye level, and keep room lighting bright enough to reduce glare. The 20-20-20 rule is your final layer, not your first.
Common questions
- Will the break overlay mess up my color sampling?
- No — the break overlay is a separate UI layer in your browser. Your design tool keeps its color state intact. When the break ends, you are back in your work exactly where you left it.
- Does looking at a phone count as a break?
- No. The phone is at near-focus distance, so the ciliary muscle stays engaged. The 20-20-20 protocol requires looking at something at least 20 feet (6 m) away — across the room or out a window.
- Can I customize the work interval to match my design sprints?
- The default is the optometrist-recommended 20 minutes. Custom intervals are on the roadmap; for now, 20-min cycles work cleanly alongside any sprint or Pomodoro schedule.
- Will it work for digital illustrators on iPad?
- EYE CARE runs in Safari and Chrome on iPad. Installed as a PWA from the share menu, it can sit beside Procreate as a Slide Over window.