Advantages of writting for designers

July 16, 2026

5 min read

Puckle started as a simple idea: what if your apps stayed out of the way until you actually needed them? After months of building and rebuilding, we’ve learned that focus isn’t a feature you add — it’s a philosophy you commit to, one decision at a time.

Most productivity software does the opposite. It surfaces everything at once — notifications, badges, open windows, unread counts — and calls it powerful. The result is a screen that demands your attention in seventeen places simultaneously, while asking you to stay calm and do great work.

We think there’s a quieter way. Not by hiding your work, but by giving everything a home — a place it returns to when you’re not using it, so your screen can breathe again.

1import React, { useState } from 'react';
2 
3export default function PricingCard() {
4  const [isYearly, setIsYearly] = useState(false);
5  
6  return (
7    <div className="pricing-card">
8      <h3>Pro Plan</h3>
9      <p className="price">
10        ${isYearly ? '99' : '12'} 
11        <span className="duration">
12          /{isYearly ? 'year' : 'month'}
13        </span>
14      </p>
15      
16      <button onClick={() => setIsYearly(!isYearly)}>
17        Toggle Billing
18      </button>
19      
20      <ul className="features">
21        <li>Unlimited Projects</li>
22        <li>Priority Support</li>
23      </ul>
24    </div>
25  );
26}

The cost of ambient noise

Cognitive science has a name for the phenomenon where partial distractions — things visible in your peripheral vision but not actively being worked on — consume working memory even when ignored. The floating meeting notification. The chat badge you’ve already decided not to read yet. They don’t demand you act, but they charge a tax anyway.

1import React, { useState } from 'react';
2 
3export default function PricingCard() {
4  const [isYearly, setIsYearly] = useState(false);
5  
6  return (
7    <div className="pricing-card">
8      <h3>Pro Plan</h3>
9      <p className="price">
10        ${isYearly ? '99' : '12'} 
11        <span className="duration">
12          /{isYearly ? 'year' : 'month'}
13        </span>
14      </p>
15      
16      <button onClick={() => setIsYearly(!isYearly)}>
17        Toggle Billing
18      </button>
19      
20      <ul className="features">
21        <li>Unlimited Projects</li>
22        <li>Priority Support</li>
23      </ul>
24    </div>
25  );
26}

Quiet — not empty. The difference is intentional.

Focus mode as a design idiom

In Puckle, entering Focus Mode isn’t a mode at all — it’s a return to baseline. Everything unnecessary recedes. Your current window expands. The dock hides. No animation, no drama. It takes one keystroke and it stays out of the way. That’s the goal: effortlessness in both directions, entering and leaving.

The software shouldn’t make you think about focus — it should just give you back a few square inches of calm when you ask for them. If you’re thinking about the tool, the tool has already failed.

Back to Puckle Weekly

Eduardo.

Portfolio

Home

Work

Contact

About

Bio

Process

Resume

Connect

Dribbble

Behance

Advantages of writting for designers

The cost of ambient noise

Focus mode as a design idiom

Eduardo.

+

`+`