Start to Finish with a Claritee Project in Under 4 Minutes

  1. Overview
  2. The Basics
  3. Start to Finish with a Claritee Project in Under 4 Minutes

Claritee is a UI design platform for creating websites, apps, banners, or any other UI projects. The platform is built around a simple process that helps you make clear decisions at every stage of your project. By the end, you’ll have a polished design generated with AI that you can download as HTML, PDF, or PNG, or share directly with your design and development team.

The Three Views in Claritee

A Claritee project flows through three main views that work together:

  1. Map View – Structure your project.

  2. Layout View – Define content and arrangement.

  3. Design View – Generate the final AI design.

Step 1: Map View – Structure Your Pages

In the map view, you lay out all of your project’s pages or screens in a clear hierarchy.

  • Example: Homepage → Services → Products → Subpages.

  • This gives you a bird’s-eye view of everything you’ll be working on.

  • Some pages may already have sections added in layout view, while others remain blank until you’re ready.

Step 2: Layout View – Build and Refine Content

The layout view is where you arrange the content of each page.

  • Drag and rearrange elements (text, images, sections, etc.).

  • Add new sections manually or regenerate with AI.

  • Use prebuilt elements from the side panel.

  • Insert your own images by uploading or using Unsplash.

  • Edit text freely to refine your messaging.

The focus here is not perfect pixel alignment but ensuring your content and messaging are crystal clear and consistent across all pages.

Step 3: Design View – Generate the Final Look

With one click, you transform your layout into a finished design.

  • AI fills in images automatically if none are selected.

  • You can also upload your own or use Unsplash images.

  • The design mirrors your layout exactly, ensuring you remain in full control.

The Goal of Claritee

Claritee combines the speed of AI with your direction at every step. The platform ensures that:

  • Your content is clear.

  • Your copy is consistent.

  • Your final design matches your intent.

This way, you move quickly through your project while staying in control of every decision.

Was this article helpful?