Source prompt
BBlockline
Mobile focus planner

Turn today into one clean line.

Blockline converts scattered tasks, meetings, and messages into a ranked 90-minute plan you can actually start from your phone.

Selected state: Morning plan is active.Calendar scan: 3 conflicts found
Used by 14k product leads 2.7 hrs reclaimed weekly Works offline after sync
Start with the highest leverage blockNot the loudest notification
Conflict removedMoved standup notes after your focus block.
Today
84 focus score
Priority block
Roadmap review edits
09:10-10:40 · protected
Confirm launch risks8 min · doc comment pass
Now
Rewrite exec summary28 min · draft mode
Next
Send decision memo12 min · after review
10:35
Empty state: no urgent work remains in this section. Blockline holds the time for recovery instead of inventing busywork.

Structured design brief

Purpose

Audience: senior operators and product leads who need a mobile-first way to pick the next useful block of work before meetings consume the day.

Layout

First viewport pairs a direct planning input with an oversized inspectable phone artifact and a diagonal day runway, making the product promise visible before any scrolling.

Visual System

Restrained warm paper, black ink, and one strong orange accent. Serif display type adds confidence while compact UI type keeps the app surface practical.

Interaction States

Selected tabs update the phone plan. Hover lifts controls and task rows. Disabled sync communicates offline limits. CTA shows loading, then success. Quiet mode reveals an empty state.

Responsive Behavior

Desktop keeps copy and artifact side by side. Mobile stacks the planner first, keeps the CTA full width, centers the phone, and preserves the primary action above the fold.

Constraints

No generic dashboard shell, stock image filler, or vague glow treatment. The signature visual is the ranked day line: a concrete productivity artifact tied to the app job.

Plan rebuilt and focus block protected.