App mockup
A static HTML/CSS walkthrough of every Brainpost screen with realistic sample data. Light mode pairs Figma Clean shapes with Bright Glass ambience; dark mode is pure Bright Glass. Click any screen to open it — dropdowns, tabs, dialogs and the theme switch all work.
Design system
Brand palette
Type
Bricolage Grotesque
Satoshi — body copy, labels and UI text. Bold, Medium, Regular.
Controls
Sign in & onboarding
Workspace
Overview
AI console, goal hero, weekly plan, blockers and “At a glance”.
Insights
Performance (KPIs, growth chart, side by side, top content) + Business analysis.
Channel analytics
One connected account: status, KPIs, growth and top posts.
Content planner
Month calendar, list view, filters dropdown with submenus.
Post dialog
Form + live preview, Generate image/video model popover, inline generation, approval.
Publishing queue
Queued, published, failed and manual posts with retry.
Create studio
Model picker by provider (OpenAI, Gemini, Higgsfield), per-model sizes, durations and costs, generating state.
Library
3-panel finder, mood-board, ghost frames, drop zone.
Shared with me
Incoming shares to accept, plus accepted items.
Approvals
Owner review of external-share requests.
Channels
Brand hero, connected accounts, add a channel.
Integrations
App catalogue, my connections, connect dialog.
Refer & Earn
20% cash commission: share link, balances, referrals, withdrawals, payout method, FAQ.
Account & Billing
My Profile
Settings sidebar replaces the nav; theme control at the bottom.
Billing & Invoice
Credit status, purchases, payment info, invoices.
Subscription
Plans blurred behind a “coming soon” card.
Credits
Three packs (featured brand panel), custom amount, costs.
Usage & Limits
Donut, workspace counts, limit bars.
Notifications
Activity feed + email / SMS / in-app settings.
Workspace
Logo, brand colours, tone, pending invitations.
Team
Seats, invite, members table.
Activity log
Filterable audit trail.
Loader
The animated logomark, at every size.
Static mockup · generated from _build/ · sample data only · © 2026 Brainpost, LLC