Megastar Foods CRM
Design exploration · Layout round · v0.4

Megastar CRM — 23 design variants.

Fresh premium set of 8 at the top — best-in-class B2B SaaS references. Earlier 15 explorations kept below for comparison. Pick the design you like most and we'll build V1 / V2 / V3 color variants of the winner next.

Premium round · 2026-07-17
Same reference dashboard · 23 different treatments
Fri 17 July 2026 · Kurali plant
Premium (2026-07-17) Structural Aesthetic
New premium set · Fri 17 July 2026
Eight best-in-class B2B SaaS treatments
A fresh round modelled on Linear, Ramp, Attio, Stripe, Vercel, Mercury, Notion and Superhuman. All render the same reference dashboard — apples-to-apples comparison for the winner.
8 fresh variants · same real Indian freight data

Premium set ·8 2026-07-17

Modelled on Linear · Ramp · Attio · Stripe · Vercel · Mercury · Notion · Superhuman
Variant 16
Feels like: Linear.app
Linear Precision
Linear-inspired precision minimalism. Charcoal greys, one indigo accent, hairline dividers, keyboard hints throughout. Tight typography and calm density — designed for operators who use the app all day.
Dark neutralKeyboard-firstHairline
variant-16-linear-precision.htmlOpen variant →
Variant 17
Feels like: Ramp.com
Ramp Serious Money
Cream paper background, deep serif display headings, oversized rupee numerals, emerald accent. Feels like a private-bank statement — signals scale, trust and money seriousness the moment you land.
Cream + serifOversized numeralsMoney-first
variant-17-ramp-serious-money.htmlOpen variant →
Variant 18
Feels like: Attio
Attio Workspace
Airy warm-neutral CRM workspace. Table-first with colourful chip avatars, tactile hover states, filter pills. Feels like a modern record book — a directory that scales cleanly from 68 transporters to 6,800.
Warm neutralChips + pillsTable-first
variant-18-attio-workspace.htmlOpen variant →
Variant 19
Feels like: Stripe Dashboard
Stripe Dashboard
Cool blue-purple gradient KPI hero on clean white. Dense-but-legible tables, refined sparklines under every metric. The instantly-familiar payments-dashboard look — inspires confidence in numbers.
Blue-violet gradSparklinesDense legible
variant-19-stripe-dashboard.htmlOpen variant →
Variant 20
Feels like: Vercel
Vercel Mono
Pure monochrome — pitch-black canvas, geometric sans, sharp corners, top-nav only. Deploy-status style badges (Ready · Bidding · Verifying · Delayed). Uncompromising, high-contrast, engineered feel.
Pure B&WTop navStatus badges
variant-20-vercel-mono.htmlOpen variant →
Variant 21
Feels like: Mercury Bank
Mercury Banking
Deep navy sidebar, cream canvas, one gold accent. Prominent balance-hero card treats freight revenue like a bank account. Serif display + confident spacing — banking-grade calm authority.
Navy + creamGold accentBalance hero
variant-21-mercury-banking.htmlOpen variant →
Variant 22
Feels like: Notion
Notion Calm
Warm white, sepia accents, cover-icon page header, editable-block feel. Kanban-style properties row (Location · Date · Owner · Status). Feels calm and familiar to anyone who's used Notion.
Warm whiteEditable blocksSepia
variant-22-notion-calm.htmlOpen variant →
Variant 23
Feels like: Superhuman
Superhuman Fast
Deep charcoal + electric violet + cyan. Every actionable element shows its keyboard shortcut. Command-K jump bar, tight information density, glowing pills. Feels instant — the app for the ops staff.
Violet + cyanShortcut hintsCommand-K
variant-23-superhuman-fast.htmlOpen variant →

Earlier explorations ·15

First-round layouts & aesthetics · kept for comparison

Structural Layouts ·10

Different layout bones — sidebar, grid, kanban, bento, terminal…
Variant 1
Feels like: SAP · Oracle Fusion
Classic Command Center
Left sidebar + top header + strict 12-column grid. Six KPI tiles, live activity table, urgent-actions checklist, chart + leaderboard, notifications feed. Dense, tabular, formal — the ERP look Rajwant already knows.
6 KPI tilesData tablesFormal
variant-1-classic.htmlOpen variant →
Variant 2
Feels like: Linear · Notion
Mini Icon Rail + Kanban
64px icon-only rail with hover tooltips. Body becomes 4 kanban columns — KYC to approve, bids closing today, docs to verify, bills to release — each with quick-action buttons. Efficient for ops staff.
Icon rail4-col kanbanFocus panel
variant-2-mini-rail.htmlOpen variant →
Variant 3
Feels like: Stripe · Vercel
Top Navigation + Full-Width
No sidebar — top nav becomes primary. Hero band shows ONE giant KPI (₹1.24 Cr freight) with 4 sub-numbers. Magazine-style flow divided into Today · This week · This month. Presentation-first, executive-friendly.
Top navHero KPIMagazine flow
variant-3-top-nav.htmlOpen variant →
Variant 4
Feels like: Gmail · Superhuman
Split Workspace (Master + Detail)
Three panes side by side. Sidebar + center queue rail (inbox of pending actions sorted by urgency) + right pane with selected item in full. Fast-triage feel — you never leave the workspace to make a decision.
3-paneInbox railMaster + detail
variant-4-split-workspace.htmlOpen variant →
Variant 5
Feels like: Mobile app on desktop
Executive Card Deck
No grid, no tables. Vertical sections separated by big headers — Health at a glance · What needs you now · Money · People. Big rounded cards with icon, count, one-line message, one CTA. Ideal for owners who scan.
Rounded cardsSection headersOne CTA
variant-5-executive-cards.htmlOpen variant →
Variant 6
Feels like: Airtable · Notion table
Airtable Data Grid
Spreadsheet-first power-user tool. 200px sidebar, view-switcher chips, filter bar. Main = giant filterable grid of 20+ unified actionable items (KYCs, bids, bills, docs) with columns Type · Ref · Entity · Amount · Age · Owner · Status.
Data gridFilter barGroup + sort
variant-6-data-grid.htmlOpen variant →
Variant 7
Feels like: Apple.com bento
Bento Grid Editorial
Irregular premium blocks with subtle depth. 4x2 hero freight card with SVG line chart, 2x2 bids, 2x2 KYC with avatar stack, 3x1 activity + payment aging, 6x1 dark top-transporter horizontal strip. Generous padding, hover-lift.
Bento gridIrregular blocksEditorial
variant-7-bento-editorial.htmlOpen variant →
Variant 8
Feels like: Notion + Slack rail
Left Content + Right Attention Rail
Main is a scrollable feed of insight cards. Right rail (340px, always visible) holds three live sections — 🔴 Urgent Now, ⏳ Ending Soon, 📥 Just Came In — with independent scroll. Attention stays visible even as you dig into cards.
Right railLive sectionsIndependent scroll
variant-8-right-rail.htmlOpen variant →
Variant 9
Feels like: Grafana · HomeKit
Personalizable Widget Wall
Feels customizable. "Edit layout" and "+ Add Widget" in header. 12-col grid with 8 widgets (drag handles, ··· menus, hover lift, grab cursor) plus a dashed "+ Add Widget" tile. Layouts save per-user. Grafana-style personalization.
DraggableAdd widgetPersonalizable
variant-9-widget-wall.htmlOpen variant →
Variant 10
Feels like: NASA · Bloomberg
Ops / Mission Control
Dark background, monospace, neon-green accent, live clock, pulsing dots. 3-column layout: System Status left, ECG-like real-time charts center, Live Feed of monospace events right. Bloomberg-terminal feel for the ops-nerd.
DarkMonospaceLive feed
variant-10-ops-terminal.htmlOpen variant →

Design Language / Aesthetics ·5

Same sidebar+main structure, radically different design language.
Variant 11
Feels like: Vision Pro · Fluent Acrylic
Glassmorphism Dark
Rich purple-to-teal gradient background with subtle noise. Frosted glass panels (backdrop-blur, white 6% fill, 12% border). Thin white type. Numbers are large and elegant. Premium, moody — for a demo that needs to look 2026.
Glass panelsDark gradientThin type
variant-11-glass-dark.htmlOpen variant →
Variant 12
Feels like: Gagosian · print newspaper
Brutalist Newspaper
Cream #FAFAF7 background, pure black text, one accent red #FF0000. Massive display headlines with 4px underlines. Stark hard-bordered rectangles, no radius, no shadow. All-caps section headers with ■ bullets. Feels editorial, uncompromising.
Hard bordersDisplay typeRed accent
variant-12-brutalist.htmlOpen variant →
Variant 13
Feels like: Duolingo · Notion illustrations
Playful Softpop
Off-white background, pastel mint/sky/peach/lavender palette. 24px rounded cards, soft shadows, colorful icon circles, one friendly cartoon truck SVG. Cheerful emoji accents. Approachable — reads more like a startup product than an ERP.
PastelRoundedIllustration
variant-13-softpop.htmlOpen variant →
Variant 14
Feels like: NYT · Every.to
Editorial Magazine
Warm dark ink on white. Asymmetric 12-column grid. "Freight Chronicle" masthead. Serif display headlines with drop-caps, italic standfirst, kicker tags, pull-out KPIs. Right column runs "In Brief" news items. Reads like a long-form report, not a UI.
SerifAsymmetric gridDrop caps
variant-14-editorial-magazine.htmlOpen variant →
Variant 15
Feels like: Palantir · Cloudflare Zero Trust
High-Contrast Command Center
Dark navy #0B1220, sharp white text, Megastar green accent. Sharp geometric icons, zero border-radius, tabular numerics, uppercase small-caps labels. "Secure session · rajwant@megastar" chip and Alert Level indicator. Trust, authority, clarity.
Navy darkSharp geometryTabular nums
variant-15-command-center.htmlOpen variant →