# Creator Studio Dashboard

<Card title="Cross-Platform Overview" subtitle="Your unified creator command center">
<Columns>

<Stat label="Total Followers" value="284,732" change="+8.3%" tone="success" icon="users" note="this month" />
<Stat label="Engagement Rate" value="4.7%" change="+0.6%" tone="success" icon="chart-line" note="avg across platforms" />
<Stat label="Earnings This Month" value="$12,840" change="+22%" tone="success" icon="currency-dollar" note="all sources" />
<Stat label="Comments Pending" value="34" change="-12" tone="warning" icon="chat-dots" note="need reply" />

</Columns>
</Card>

<Card title="Audience by Platform">
<Chart type="donut" x="Platform" y="Followers">
| Platform | Followers |
|---|---|
| Instagram | 142,000 |
| YouTube | 89,000 |
| TikTok | 53,732 |
</Chart>
</Card>

<Card title="Best Posts This Month" subtitle="Top 3 by reach">
<Columns>

<Card title="Post 1">
<Avatar name="Reel: Summer Tips" subtitle="Instagram" />
<Stat label="Reach" value="47.2K" icon="eye" />
<Stat label="Engagement" value="8.1%" icon="heart" />
<Button ask="Show full analytics for this post">View details</Button>
</Card>

<Card title="Post 2">
<Avatar name="Tutorial: Setup Guide" subtitle="YouTube" />
<Stat label="Reach" value="38.5K" icon="eye" />
<Stat label="Engagement" value="6.3%" icon="heart" />
<Button ask="Show full analytics for this post">View details</Button>
</Card>

<Card title="Post 3">
<Avatar name="Trending Sound" subtitle="TikTok" />
<Stat label="Reach" value="31.8K" icon="eye" />
<Stat label="Engagement" value="9.2%" icon="heart" />
<Button ask="Show full analytics for this post">View details</Button>
</Card>

</Columns>
</Card>

<Card title="This Week's Schedule" subtitle="Posts queued for the next 7 days">
<Columns>

<Card title="Mon 12">
<Badge tone="info">Instagram</Badge>
<Badge tone="warning">9:00 AM</Badge>
<Stat label="Caption" value="Product launch teaser" />
<Button ask="Edit Monday's post">Edit</Button>
</Card>

<Card title="Wed 14">
<Badge tone="success">YouTube</Badge>
<Badge tone="warning">2:00 PM</Badge>
<Stat label="Caption" value="Behind the scenes vlog" />
<Button ask="Edit Wednesday's post">Edit</Button>
</Card>

<Card title="Fri 16">
<Badge tone="neutral">TikTok</Badge>
<Badge tone="warning">6:30 PM</Badge>
<Stat label="Caption" value="Quick tip: editing hack" />
<Button ask="Edit Friday's post">Edit</Button>
</Card>

</Columns>
</Card>

<Card title="Best Time to Post" subtitle="Based on your audience history">
<Chart type="bar" x="Hour" y="Engagement Rate (%)">
| Hour | Engagement Rate (%) |
|---|---|
| 6 AM | 2.1 |
| 9 AM | 4.5 |
| 12 PM | 3.8 |
| 3 PM | 5.2 |
| 6 PM | 7.8 |
| 9 PM | 6.1 |
| 12 AM | 1.9 |
</Chart>
<Callout tone="success" title="Optimal window">6:00 PM – 7:00 PM across all platforms, highest engagement.</Callout>
</Card>

<Card title="Pending Collaboration Requests">
<Columns>

<Card>
<Avatar name="Sarah K." subtitle="Beauty & Lifestyle" />
<Badge tone="warning">Pending review</Badge>
<Stat label="Offer" value="$1,200" icon="currency-dollar" />
<Stat label="Platform" value="Instagram" icon="camera" />
<Button ask="Accept Sarah K's collab">Accept</Button>
<Button variant="secondary" ask="Decline Sarah K's collab">Decline</Button>
</Card>

<Card>
<Avatar name="TechVibes" subtitle="Tech Reviews" />
<Badge tone="warning">Pending review</Badge>
<Stat label="Offer" value="$800" icon="currency-dollar" />
<Stat label="Platform" value="YouTube" icon="video" />
<Button ask="Accept TechVibes collab">Accept</Button>
<Button variant="secondary" ask="Decline TechVibes collab">Decline</Button>
</Card>

</Columns>
</Card>

<Card title="Schedule a New Post">
<Form name="schedule-post">
<Select label="Platform" name="platform" options="Instagram | YouTube | TikTok" placeholder="Choose platform" required />
<TextArea label="Caption" name="caption" placeholder="Write your post caption here..." rows="3" required />
<Date label="Publish Date" name="publish-date" required />
<Select label="Best Hour" name="best-hour" options="6:00 AM | 9:00 AM | 12:00 PM | 3:00 PM | 6:00 PM | 9:00 PM" hint="Based on your engagement data" />
<Button>Schedule Post</Button>
</Form>
</Card>

<Card title="Filter by Platform" subtitle="Narrow everything above to one platform">
<Radio label="Show data for" name="platform-filter" options="All Platforms | Instagram | YouTube | TikTok" value="All Platforms" />
<Button ask="Apply Instagram filter">Apply Instagram</Button>
<Button variant="secondary" ask="Apply YouTube filter">Apply YouTube</Button>
<Button variant="secondary" ask="Apply TikTok filter">Apply TikTok</Button>
</Card>

<FollowUps>
- Show me my top-performing content type
- What's my best posting frequency?
- Compare my growth across platforms
- Generate a weekly content plan
</FollowUps>