SocialPilot 左サイドバー版ダッシュボード
A vibrant, modern social media management dashboard style featuring a fixed left-sidebar layout. The design utilizes a high-energy palette of pink, purple, and orange gradients (Paper Gradient) contrasted against clean white cards and a light gray background (#f5f5f5). It employs the Satoshi typeface for a premium, tech-forward feel. Suitable for SaaS dashboards, creator tools, fintech platforms, and marketing analytics suites. Key characteristics include rounded-2xl corners (16px-24px), glassmorphism effects (backdrop-blur-xl), and sophisticated soft shadows.
Summary
A clean, high-fidelity PC dashboard with a fixed 280px sidebar, featuring a vibrant pink/purple primary color scheme, editorial typography, and high-contrast 'connection' status cards.
Style
The style is defined by its use of the Satoshi font family, a specific 'Paper Gradient' (purple to pink to orange), and soft elevation. Primary color is #FF6B9D (Pilot Pink) with accents of #B366FF (Pilot Purple) and #FF8A65 (Pilot Orange). UI elements use a generous border radius (16px+), subtle 1px gray borders (#E5E7EB), and backdrop-blur effects on sticky elements.
Layout & Structure
A classic dashboard architecture consisting of a fixed-width left sidebar (280px) and a main content area that scrolls independently. The main content is split into a header and a grid-based body (typically 1.25fr to 0.95fr for a main-feed/side-info dynamic).
Left Sidebar
Main Header
Dashboard Content Grid
Components
Connection Status Card
A high-visibility card indicating active service connections.
Sidebar Profile Widget
A stylized user profile card located at the bottom of the navigation.
Instagram-style Profile Preview
An aside component mimicking a social media profile layout.
Special Notes
MUST use Satoshi font for the premium aesthetic. DO NOT use sharp corners; minimum radius is 8px for small buttons, 16-24px for cards. DO NOT use heavy black borders; use #E5E7EB or #D1D5DB for subtle definition. MUST ensure icons are large (approx 28-30px) to match the bold typography.