Skip to content

Redesign the “Create Empty App” button for better clarity and visual appeal #1245

@gregory-vorbe

Description

@gregory-vorbe

Component: No‑Code Studio – App Creation UI
Environment: No‑Code Studio 2.2.x
Version: 2.2.x
Browsers: All (to confirm)

🎯 Description

The “Create Empty App” button (the one used to create a new app without selecting a template) needs a visual redesign.

Currently:

  • The button looks too plain compared to template cards.
  • It is not visually clear that it creates a blank project.
  • It does not stand out or communicate its purpose effectively.
  • Users may mistake it for a placeholder or an inactive option.

This is a UI/UX improvement task to make the button more intuitive and visually aligned with the rest of the app creation screen.

📌 Expected Improvements

  • Improve the visual design so the button clearly represents:
    “Start from scratch / Empty app / Blank project”
  • Make it visually consistent with template cards while still distinct.
  • Add a meaningful icon (e.g., empty canvas, plus sign, blank document).
  • Improve labeling to avoid confusion.
  • Ensure accessibility and readability.

🧭 Steps to Observe Current Behavior

  1. Open No‑Code Studio 2.2.x.
  2. Go to the Apps edition screen.
  3. Look at the “Empty” button.
  4. Notice that the button is visually minimal and unclear.

📸 Screenshots

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request
    No fields configured for Feature.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions