⌂ Home ☷ Board

MC Home v2 Design Benchmark — 2026-06-08

Scope: Compare MC Home v2 design against Linear, Notion, Vercel Dashboard, and Railway dashboard/home patterns.

Method: Public-facing evidence only — marketing pages, public docs, help center pages, and browser-captured screenshots. Login-only dashboard details are noted as inaccessible.

Linear

Sources: - Homepage: https://linear.app/ - Docs: https://linear.app/docs - Mobile docs: https://linear.app/docs/mobile (404 — no dedicated mobile docs page found)

Evidence access: Marketing homepage with embedded product screenshots; docs structure visible but actual dashboard UI requires login.

Patterns (5)

  1. Visual hierarchy: Marketing shell vs. workspace density
  2. External: minimal, premium dark-mode shell with oversized headlines, generous spacing
  3. Internal (from screenshots): high-density workspace — left sidebar nav, top controls, multi-column boards/lists/timelines, compact metadata rows, status chips

  4. Contrast signals "clean externally, information-dense internally"

  5. Navigation: Persistent sidebar + top controls

  6. Left sidebar with nested items, section labels, favorites
  7. Top bar: search, new issue, inbox, my issues, reviews, pulse, workspace switcher
  8. Multi-view switching: list/board/timeline/analytics controls visible in screenshots

  9. Filter/sort/search controls at view level

  10. Density: Enterprise-grade information packing

  11. Board/list views show many cards/items per screen
  12. Activity streams are compact: timestamps, avatars, status changes, inline comments
  13. Metadata is small but readable: labels, assignees, cycle info, project tags

  14. No wasted space — every pixel serves content or action

  15. Mobile/responsive: Desktop-first, adapted

  16. Marketing page scales desktop two-column sections to narrow viewports
  17. Product UI screenshots suggest mobile app exists (nav controls visible) but web docs don't detail responsive breakpoints

  18. No mobile-specific docs page found

  19. Typography: Modern sans-serif, strong hierarchy

  20. Very large bold headlines on marketing pages
  21. Medium section titles, small body copy, tiny metadata
  22. Mostly white/light gray on black with accent colors for status
  23. Code blocks visible in product screenshots use monospace

Notion

Sources: - Product page: https://www.notion.com/product - Help: sidebar navigation guide https://www.notion.com/help/navigate-with-the-sidebar - Mobile page: https://www.notion.com/mobile - Mobile help: https://www.notion.com/help/mobile (404 — redirects to general help)

Evidence access: Marketing pages, help center docs with sidebar structure details, mobile app screenshots. Actual logged-in workspace requires account.

Patterns (5)

  1. Visual hierarchy: Section-based home tab
  2. Sidebar organized into top-level tabs: Home, Chats with AI, Meetings, Inbox, Library
  3. Home tab contains sections: Upcoming events, Recents, Favorites, Agents, Teamspaces, Shared/Private pages, Notion apps
  4. Each section customizable (show/hide, item count)

  5. Bottom-anchored utilities: My Tasks, Library, Marketplace, Help, Trash

  6. Navigation: Infinite nesting + toggles

  7. Pages nest inside pages with no limit
  8. Toggles to open/close nested structures
  9. Drag-and-drop reorganization
  10. Workspace switcher at top (switch between workspaces, settings, logout)

  11. Search (⌘K) and quick jump to recent pages

  12. Density: Balanced — not overly sparse, not cluttered

  13. Sidebar items are readable without cramming
  14. Marketing pages show workspace views with cards/databases/tasks that fit ~4-6 items per phone screen (from mobile screenshots)

  15. Typography and spacing optimized for readability over maximum packing

  16. Mobile/responsive: Touch-optimized stacked views

  17. Mobile app screenshots show stacked lists/cards
  18. Persistent bottom action bar for input/AI/search
  19. Compact section labels, touch-friendly rounded controls
  20. Calendar and Mail are separate mobile apps (iOS/Android)

  21. Cookie consent banner on web (standard responsive overlay pattern)

  22. Typography: Clean sans-serif, multiple weights

  23. Large bold headlines for marketing
  24. Medium-weight section titles in workspace
  25. Small but readable metadata/labels in task/database views
  26. Color coding for tags/labels visible in Calendar/Mail previews

Vercel Dashboard

Sources: - Homepage: https://vercel.com/ (redirects to login for /dashboard) - Docs: https://vercel.com/docs/projects, https://vercel.com/docs/deployments - Login wall: https://vercel.com/login?next=%2Fdashboard

Evidence access: Login-only dashboard not accessible. Docs structure and public marketing pages only.

Patterns (3 — limited by login wall)

  1. Visual hierarchy: Docs left-nav + content pane
  2. Left sidebar: collapsible sections (Getting Started, Platform, Build & Deploy, etc.)
  3. Nested 3-level structure visible: category → section → page
  4. Main content pane with breadcrumbs, page title, last-updated timestamp

  5. Top bar: logo, product/resource/solution dropdowns, search, Ask AI, account menu

  6. Navigation: Category-first sidebar

  7. Sections grouped by function: Access, AI, Build & Deploy, CDN, CLI, Collaboration, Compute, Flags, Integrations, Observability, Platform, etc.
  8. Expand/collapse toggles on each section
  9. Search (⌘K) and AI assistant for docs navigation

  10. Actual dashboard navigation unknown (requires login)

  11. Typography: Standard dev-docs stack

  12. Sans-serif, medium-weight headings
  13. Code blocks and monospace for technical content
  14. Clean, professional, not overly stylized
  15. Dark mode toggle available (system/light/dark)

Note: Actual Vercel Dashboard UI (projects list, deployment cards, analytics) not observable without login. Docs structure and marketing pages suggest a left-nav + main-content layout, but density, mobile responsiveness, and workspace-specific hierarchy are unknown.

Railway

Sources: - Homepage: https://railway.com/ - Public product screenshots embedded on homepage

Evidence access: Marketing homepage with product feature sections. No public dashboard or docs navigation visible without login.

Patterns (4 — from marketing page)

  1. Visual hierarchy: Visual canvas metaphor
  2. Homepage describes "visual canvas that makes your entire stack visible at a glance"
  3. Product screenshots show node/graph-style service diagrams

  4. Marketing sections structured as: headline + copy + product screenshot + "Alternative to" competitor logos

  5. Navigation: Contextual edit-in-place

  6. Marketing copy emphasizes "modify settings directly from the canvas. YAML optional"
  7. Suggests dashboard is canvas-first, not list/table-first
  8. Top nav likely similar to other dev platforms: workspace switcher, search, settings

  9. Actual nav structure unknown (requires login)

  10. Density: Service-graph focused

  11. Screenshots show services as cards/nodes with connections
  12. Metrics dashboards visible in monitoring section: line charts, custom dashboards
  13. Logs view mentioned ("all logs in one place")

  14. Actual density/layout unknown without login

  15. Typography: Modern dev-platform sans-serif

  16. Large bold headlines on marketing pages
  17. Clean, simple body copy
  18. Product screenshots suggest standard sans-serif in UI
  19. No monospace/code blocks visible in marketing (dev tool focus)

Note: Railway's actual dashboard/home/workspace UI is login-only. Homepage marketing suggests a canvas/graph-based service view rather than traditional list/table dashboards.

Summary Grid

Product Hierarchy Density Navigation Mobile/Responsive Typography
Linear Marketing: minimal shell
Workspace: high-density multi-column		 Enterprise-grade packing Sidebar + top controls + multi-view switching Desktop-first, mobile app exists Modern sans, strong contrast
Notion Section-based tabs (Home, AI, Meetings, Inbox, Library) Balanced readability Infinite nesting + toggles + drag-drop Touch-optimized stacking, bottom action bar Clean sans, multiple weights
Vercel Docs: left-nav + content pane
Dashboard: unknown (login-only)		 Unknown Category-first sidebar (docs)
Dashboard unknown		 Unknown Standard dev-docs sans
Railway Canvas/graph metaphor (from marketing) Service-graph cards
Actual density unknown		 Edit-in-place canvas
Nav structure unknown		 Unknown Modern dev-platform sans

Honest Gaps

  1. Vercel Dashboard — entire logged-in workspace UI inaccessible. Only docs structure observable.
  2. Railway Dashboard — marketing page shows concept screenshots, but actual workspace UI is login-only.
  3. Linear mobile — no dedicated mobile docs page; responsiveness inferred from marketing screenshots only.
  4. Notion mobile — separate iOS/Android apps visible; web responsive behavior not directly tested.

All findings based on public evidence only. No fabricated dashboard details.