Make room for your best work.

Bring your next steps into focus. A calm workspace for the projects you care about.

Try the live demo Take a closer look

Clarity is a fictional product. This working template demo runs in your browser; no account is required.

Your workspace
Live demo

A fresh start

A small plan. A clear way forward.

Project progress2 of 4 complete
2 of 4
  • Planning
  • Focus
  • Create
  • Review

Sample tasks. Changes last until you reload this page.

Click a checkbox or filter to explore the workspace.
One self-contained HTML fileMade for every screenNo libraries. No build step.

Everything in its right place.

Start with the essentials. This template gives your product a clear introduction and a working interaction people can try.

A page with a purpose

Introduce your product, show how it helps, and give visitors a useful next step. Every link on this page leads somewhere meaningful.

A demo you can touch

The sample workspace is real HTML. Check off tasks, filter the list, and watch progress update. Replace these interactions with your own product story.

Easy to make your own

Change the color tokens, product name, copy and sections in a single file. Use plain HTML, CSS and JavaScript, or bring the design into your existing stack.

From a starting point to your own thing.

Keep the structure. Make the story yours.

  1. Open the file

    Download the template and open index.html in your browser. Everything you see here works without installing a package.

  2. Add your product

    Replace the fictional Clarity name and sample copy. Adapt the workspace to demonstrate your own use case.

  3. Make it live

    Test on a phone and keyboard, connect your own services if needed, then publish the HTML on your chosen host.

A few useful answers.

Is this a real product or a template?

It is a website template by WOG Labs. Clarity is a fictional planning product, and the workspace contains editable sample tasks.

Do I need a framework to use it?

No. The CSS and JavaScript are included in this HTML file. Open it locally or serve it with any static web host.

Where do the task changes go?

Nowhere outside this page. The task state stays in memory and resets when you reload. There is no database, account or analytics script.

Can I use this for a commercial project?

Yes. The template is distributed under the MIT license. Keep the included copyright and license notice with redistributed copies. The downloadable package includes the full terms.

Start small. Make it yours.

Try the workspace, explore the source, and turn a clear starting point into your next product page.

Back to the demo