Allorc UI Mock Gallery

Pixel-perfect HTML/CSS replicas of the real Allorc web app screens. Each mock uses the exact same components, classes, color tokens, and spacing as the production code.

💳

Subscribe / Pricing

Two-column pricing page: value proposition + white Starter card ($29/mo) with feature checklist, trial comparison, and state-adaptive CTA.

subscribe
🔐

Auth — Login & Signup

Login form with email/password/remember-me, and signup form with full name/email/org/password/confirm.

auth
🤖

Onboarding — Create Worker

Worker creation form with AI worker illustration, name + email prefix fields, and 3-step progress overlay.

onboarding
📂

Sidebar Navigation

Full sidebar: Workspace (Mail expanded with Inbox+Sent, Apps, Leads), Management (Schedules), Spaces (Acme Inc. with nested projects + sub-nav), Settings, Log out.

navigation
📧

Mail — Inbox

Two-panel mail: thread list (380px) + open thread view with messages and reply toolbar.

mail
📅

Calendar / Schedule

Bucket view: Active, Today, Tomorrow, This Week, Later, Completed. Each item with type icon and title.

calendar
🎯

Lead Hub

Pill toggle tabs (Find Leads / Upload). Filters panel + results table with checkbox selection and "Add To" bar.

leads
🔌

Toolhub — App Center

3-column grid of app cards with real icon PNGs, install/installed badges, and search bar.

integrations
🏢

Spaces & Projects

2-column grid of space cards with project summaries, inline create form, "Selected" state indicator.

spaces
⚙️

Settings

Grid layout: Profile, Meeting, Agent, Storage (per-project bars), Integrations (ReachStream), Usage (AI + Mail bars), Subscription.

settings