Production low-code website builder
Credible enterprise authoring with warm collaborative energy.
This static HTML mockup visualizes the proposed product direction before implementation: shadcn-style surfaces, sidebar-07 structure, functional widgets, CMS, AI assistance, governance, and responsive published portals.
Primary ink
#1E293B
Warm canvas
#F6F4ED
Governance green
#2F6C4F
Design promise
Professional enough for admins, friendly enough for non-technical editors.
Theme system
Soft enterprise, not generic SaaS.
The interface uses a warm paper base, slate navigation, green trust cues, amber editorial highlights, and deliberate card depth. Components should map naturally to shadcn Button, Card, Sidebar, Tabs, Sheet, Dialog, Table, Form, Badge, Command, Toast, and Chart patterns.
Ink#1E293B
Slate#334155
Canvas#F6F4ED
Panel#FFFDF7
Action#2F6C4F
Editorial#BC6B2F
Info#2F5F8F
Risk#9A3D32
Screen 01
Workspace dashboard and shadcn sidebar shell
Good morning, Maya
Five portals need review. Two templates have marketplace updates.
Recent portal activity
LiveIntranet News scheduled for Finance audience.
Partner Onboarding support answer approved.
Project Phoenix milestone widget updated.
Governance health
Clear94%
Screen 02
Drag/drop + low-code + AI authoring in one flow
DesktopTabletMobile
Quarterly operating hub
One place for updates, decisions, and support.
Screen 03
CMS workflow and scheduled publishing
| Title | Status | Audience | Schedule |
|---|---|---|---|
| Policy refresh | Legal review | All staff | Jun 3 |
| Partner launch kit | Approved | External cohort A | Jun 7 |
| Project risks | Draft | Leadership | Unset |
Screen 04
Analytics that respects permissions
Top widget: Support QA, 42% repeat visits.
Personalization: Managers clicked risk updates 2.1x more.
Search gap: 84 no-result queries for onboarding forms.
Screen 05
Marketplace with internal sharing defaults
Project War RoomInternal template
Partner OnboardingCurated default
Knowledge HubVersion 1.4
Screen 06
Governance and provider configuration
OIDC: Keycloak realm mapping active
AI: Admin-selectable Ollama, Claude-compatible, OpenAI-compatible endpoint
Email: SMTP profile with compliance controls
Retention: Configurable analytics and audit policies
Screen 07
Responsive published portal example
Welcome back, Northstar Team
Your onboarding tasks and support answers are personalized by profile, permission, and cohort.
3 open tasks
New answers
Launch resources
Partner Hub
Welcome back
3 tasks ready
What I need you to approve visually
Review the design before board approval and coding.
1. Theme
Warm enterprise palette, typography, density, card depth, and status colors.
2. Shell
Sidebar-07 inspired app shell, dashboard structure, and governance affordances.
3. Editor UX
Page tree, widget library, canvas, inspector, personalization, and AI assistant placement.
4. Published feel
Responsive portal visual style for internal and external audiences.