AUTO AGENTIC WEB APP
An AI-driven workflow automation platform that empowers users to design, execute, and monitor intelligent processes without friction. The system integrates scheduling, AI agents, code execution, and communication tools into a unified interface. Designed for scalability and clarity, it transforms complex operational tasks into streamlined, automated workflows, improving efficiency and decision-making across teams. Click, tap and explore the experience –>
Auto Agentic
/ My Workflow
Triggers
Actions
Schedule
Trigger
Trigger
1 item
AI Agent
process: data
1 item
Code in JS
transform
1 item
Send Email
send: report
1 item
Slack
notify: team
1 item
Ready · 5 nodes
Auto Agentic · Workflow Builder
Add a Node
AI Agent
Send Email
Database
Slack
File Ops
IF Logic
HTTP Request
Code in JS
Design System
Auto Agentic
A workflow automation design system built on Unbounded. Every element reinforces speed, clarity, and control — built around a bold red primary palette that signals action, automation, and execution confidence.
01 Typography · Unbounded
Wordmark22px · 700 · −0.6px
Auto Agentic
Heading16px · 700 · −0.4px
My Workflow
Label10px · 600 · −0.2px
Schedule Trigger · AI Agent · Send Email
Sub-label8px · 400 · +0.02em
process: data · query: records · send: report
UI Text9px · 500 · +0.06em
Triggers · Actions · Ready · 5 nodes
Status8px · 600 · completed
Completed · 5 nodes done
02 Color Palette
Brand Red
Brand Red
#D0001A
Red Dark
#B00015
Red Light
#FFF0F0
Red Hover
#FFDDDD
Execution States
Success
#16A34A
Done Bg
#F0FDF4
Running
#D0001A
Idle
#E5E5E5
Canvas & UI Surfaces
Canvas Bg
#F7F7F7
Card White
#FFFFFF
Border
#EBEBEB
Exec Dark
#1A1A1A
Sidebar Bg
#1B2B3B
Node Accent Colors
AI Agent
#3B82F6
Code JS
#CA8A04
Email
#16A34A
Slack
#0891B2
Database
#9333EA
IF Logic
#E11D48
HTTP
#0EA5E9
Webhook
#F97316
03 Buttons & Controls
Primary
Run Workflow
Running...
Tabs
Editor
Executions
Toolbar
Add Node
Click to append a new node to the workflow chain
04 Node Components · States
AI Agent
Idle
Schedule
Trigger
Trigger
Trigger
Code in JS
Running
Send Email
Done
1 item
Connector Done
Connector Idle
05 Node Catalog · All Types
Schedule
Trigger
Webhook
Trigger
AI Agent
Action
Code in JS
Action
Email
Action
Slack
Action
Database
Action
File Ops
Action
IF Logic
Action
HTTP
Action
06 Spacing & Border Radius
Radius Scale
XS
4px
SM
7px
MD
10px
LG
14px
Circle
50%
Spacing Scale
4
8
10
12
14
16