Revamp OutSystems UI with Modern Layouts and Templates
85
Views
1
Comments
New
Frontend (App Interfaces)

While OutSystems UI provides a solid foundation for functionality, the default Layouts (Top Menu, Side Menu, etc.) and screen templates have started to feel a bit dated compared to modern web standards (e.g., Vercel, Stripe, modern SaaS dashboards).

Currently, frontend developers spend a significant amount of time overriding default CSS, adjusting padding, shadows, and font hierarchies to make applications look "fresh" and less like a standard enterprise tool.

The Idea: I propose introducing a new set of "Modern" Layouts and Themes within OutSystems UI that prioritize current design trends out-of-the-box.

What this should include:

  • Cleaner Aesthetics: More generous whitespace, softer shadows, and modern border-radius defaults.

  • Updated Navigation: Sidebar and Topbar designs that feel more like modern SaaS products (e.g., collapsible floating menus, blurred/glassmorphism backgrounds).

  • Typography Focus: Better default font scaling and hierarchy for readability.

  • Native Dark Mode Polish: Improved contrast ratios for the default dark mode.

The Benefit:

  • Faster Time-to-Market: Developers won't need to waste time writing custom CSS just to make the app look modern.

  • Better Sales PoCs: Out-of-the-box apps will look impressive immediately, helping sell the platform to UI-conscious clients.

  • Developer Experience: A more inspiring starting point for UI design.

Let’s give OutSystems applications a fresh coat of paint by default!

As a frontend developer, I totally agree with @Ricardo Monteiro. It takes me a lot of effort to adjust OutSystems components, to match the required design in any project I worked on.

OutSystemsUI need a major update to keep up with modern UX designs.