Acme · design exploration
Background:
Exploration · Empty states

Four visual directions for the “no tasks yet” state

Prompt Explore four visual directions for our empty-state component. Render each live so we can compare tone, density, and how well they hold up on light and dark surfaces.
A — Minimal

No tasks yet

When you create a task it will show up here.

New task

Pure typography, single quiet action. Reads as calm and confident; assumes the surrounding UI already carries enough personality.

B — Illustrated

Start your first list

Group related work and watch progress roll up automatically.

Create a task

A small geometric spot illustration anchors the eye and explains the object model (lists contain tasks) without a wall of copy.

C — Playful

Nothing on your plate

Enjoy the quiet, or add something to get moving.

A gently bobbing stack adds life to an otherwise static screen. Motion is subtle enough to loop indefinitely without drawing complaints.

D — Instructional

Set up this project

  1. Create your first task Give it a name and an owner.
  2. Add a due date Acme will surface it on the timeline.
  3. Invite a teammate Shared projects stay in sync automatically.

Treats the empty state as onboarding. Higher density, but every line is actionable — best when the user is new to the product, not just the view.