light cloud landing page · SaaS Design
Light cloud landing page
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the Cloud template.Prompts to build any screen. Fully customizable. The AI design brain.
Once SaaS Design is installed, paste one of these into your agent to build a specific layout with the components already in your project. Real screens, one cohesive system, not a generic AI look.
Landing pages (8)
scale frontier-tech landing page · SaaS Design
Scale frontier-tech landing page
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the Scale template. iris iridescent landing page · SaaS Design
Iris iridescent landing page
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the Iris template. devtools landing site · SaaS Design
DevTools landing site
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the DevTools template. saas landing page · SaaS Design
SaaS landing page
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the Northstar template. product landing page (alt) · SaaS Design
Product landing page (alt)
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the Cadence template. warm editorial landing page · SaaS Design
Warm editorial landing page
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the Aria template. premium dark landing page · SaaS Design
Premium dark landing page
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system already installed in this project, install the Halo template.Dashboards (4)
analytics dashboard · SaaS Design
Analytics dashboard
An app-shell dashboard with KPI stat cards, a focal chart, and an activity feed.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the analytics dashboard from the light dashboard theme. analytics dashboard (dark) · SaaS Design
Analytics dashboard (dark)
The same analytics dashboard in dark mode, every surface on the dark token set.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the analytics dashboard from the dark dashboard theme. workspace home · SaaS Design
Workspace home
A product home with a greeting, feature tiles, recent items, and quick actions.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the workspace home from the light dashboard theme. top-bar dashboard · SaaS Design
Top-bar dashboard
The same dashboard with the top-bar app shell instead of a sidebar.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the top-bar dashboard from the light dashboard theme.Data tables (2)
data table with filters · SaaS Design
Data table with filters
A sortable, filterable table with row selection, bulk actions, status badges, and pagination.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the data table with filters from the light dashboard theme. team members table · SaaS Design
Team members table
A members table with roles, status, avatars, row actions, and an invite button.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the team members table from the light dashboard theme.Settings (2)
account settings page · SaaS Design
Account settings page
Profile, notification preferences, and a clearly separated danger zone, all in cards.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the account settings page from the light dashboard theme. notification preferences · SaaS Design
Notification preferences
Grouped notification toggles with helper text and a save bar.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the notification preferences from the light dashboard theme.Billing & pricing (2)
billing and plans page · SaaS Design
Billing and plans page
Current plan with a usage meter, invoice history, and the saved payment method.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the billing and plans page from the light dashboard theme. pricing & plan selector · SaaS Design
Pricing & plan selector
A three-tier pricing comparison with a highlighted plan and a monthly/annual toggle.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the pricing & plan selector from the light dashboard theme.Authentication (2)
authentication screens · SaaS Design
Authentication screens
Sign in, sign up, and password reset on a centered card with SSO and magic-link.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the authentication screens from the light dashboard theme. two-factor & sso · SaaS Design
Two-factor & SSO
A one-time-code 2FA screen and a provider/SSO sign-in row.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the two-factor & sso from the light dashboard theme.Onboarding (2)
onboarding flow · SaaS Design
Onboarding flow
A multi-step setup with a progress indicator, a checklist, and guiding empty states.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the onboarding flow from the light dashboard theme. setup checklist · SaaS Design
Setup checklist
A getting-started checklist with progress, completed/pending states, and a next step.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the setup checklist from the light dashboard theme.Components & forms (4)
forms & inputs · SaaS Design
Forms & inputs
A form using every input: text, textarea, select, checkbox, radio, and switch.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build a form using the full set of SaaS Design inputs: text fields, textarea, select, checkbox, radio group, and switch, with labels, helper text, and validation states. Lay it out in a card with a clear primary submit and a secondary cancel. Use only the system's components and tokens, and make it responsive in light and dark mode. buttons & badges · SaaS Design
Buttons & badges
Every button and badge variant, size, and state, laid out as a reference.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build a reference section that lays out every SaaS Design button (primary, secondary, ghost, destructive) across sizes and states (default, hover, disabled, loading), plus every badge variant. Arrange them in a clean grid using the system's tokens so they stay consistent. modals & overlays · SaaS Design
Modals & overlays
Dialog, dropdown menu, and tooltip patterns, accessible and dark-mode ready.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the overlay patterns: a modal dialog with a header, body, and footer actions, a dropdown menu, and tooltips. Use the SaaS Design overlay components and tokens, trap focus in the modal, and make them accessible and dark-mode ready. alerts, toasts & loading · SaaS Design
Alerts, toasts & loading
Alerts, a toast, progress bars, and skeleton loaders for loading states.
Paste into your agent · SaaS Design must be installed
Using the SaaS Design system installed in this project, build the feedback components: inline alerts (info, success, warning, error), a toast notification, progress bars, and skeleton loaders for loading states. Use the SaaS Design tokens so colors and spacing stay consistent, and support light and dark mode.