OutSystems UI
Live Style Guide

The visual guide to create a consistent and beautiful user experience on your apps.
Styles
Guidance on basic design elements:
typography, color, space and useful classes.
Explore the Styles
UI Patterns
OutSystems UI Patterns live preview,
their variations and style possibilities.
Explore the UI Patterns
Widgets
All the ready-to-use OutSystems Widgets
and their available customizations.
Explore the Widgets
Screen Templates
Discover our Web Screens designed
to cover top enterprise scenarios. 
Explore the Screen Templates
Delight your users
100+ UI Patterns
and Screens
Speed UI creation with
beautiful, pre-built,
reusable UI patterns
and screen templates.
Expertly
Designed
Created by following
industry best practices
so you can deliver
beautiful UIs.
Limitless
Possibilities
Customize and extend
your creations with the
OutSystems visual
language or your code.
Lightning-fast
Performance
Offer users impressive
response times on any
device, browser,
or platform.
Fully
Integrated
Access all patterns
and templates without
leaving the
OutSystems IDE.
Start building with the OutSystems UI Web Live Style Guide
Everything you need to help you and your teams learn, design and build apps with OutSystems UI.
Explore the Framework. Go to OutSystems UI Website
Improve your Skills. Go to OutSystems Training
Click here to see your activities