# Creator Studio

A single screen for managing your content, audience, and earnings across platforms. Use the platform tabs to narrow every section to one platform.

<Tabs>
<Tab title="All platforms">

<Callout tone="info" title="Full studio view">
Every metric below is shown across all platforms. Switch to a platform tab to narrow this whole screen.
</Callout>

<Columns>
<Stat label="Followers" value="128,400" change="+4.2% this month" icon="users" tone="success" />
<Stat label="Engagement rate" value="5.8%" change="+0.6 pts" icon="heart" tone="info" />
<Stat label="Earnings this month" value="$4,850" change="+12%" icon="wallet" tone="success" />
<Stat label="Comments awaiting reply" value="12" change="5 new today" icon="chat-circle-dots" tone="warning" />
</Columns>

<Columns>
<Card title="Follower growth" subtitle="Past 30 days">
<Chart type="area" x="Week" y="Followers">
| Week | Followers |
|---|---|
| Oct 1 | 123,200 |
| Oct 8 | 125,800 |
| Oct 15 | 127,100 |
| Oct 22 | 128,400 |
</Chart>
</Card>

<Card title="Best posts this month" subtitle="Ranked by reach">
| Post | Platform | Reach |
|---|---|---|
| Studio tour vlog | Instagram | 48.2K |
| 5 free editing tricks | TikTok | 41.7K |
| BTS: filming a brand deal | YouTube | 35.9K |
</Card>
</Columns>

<Columns>
<Card title="Audience split by platform" subtitle="Share of total followers">
<Chart type="donut" title="Audience share">
| Platform | Share |
|---|---|
| Instagram | 42 |
| TikTok | 35 |
| YouTube | 23 |
</Chart>
</Card>

<Card title="Best hour to post" subtitle="Best hour: 6 PM — engagement index from posting history">
<Chart type="bar" x="Hour" y="Engagement">
| Hour | Engagement |
|---|---|
| 6 AM | 320 |
| 9 AM | 540 |
| 12 PM | 610 |
| 3 PM | 580 |
| 6 PM | 920 |
| 9 PM | 740 |
| 12 AM | 260 |
</Chart>
</Card>
</Columns>

<Columns>
<Card title="Posts scheduled this week">
| When | Post | Platform | Status |
|---|---|---|---|
| Mon 9:00 AM | Morning routine Q&A | Instagram | <Badge tone="info">Scheduled</Badge> |
| Wed 4:00 PM | Editing breakdown | TikTok | <Badge tone="info">Scheduled</Badge> |
| Fri 6:00 PM | Studio setup tour | YouTube | <Badge tone="info">Scheduled</Badge> |
| Sun 11:00 AM | Gear giveaway post | Instagram | <Badge tone="neutral">Draft</Badge> |
</Card>

<Card title="Comments waiting for a reply">
| From | Comment | Time |  |
|---|---|---|---|
| <Avatar name="Maya C." /> | This was so helpful! 🔥 | 2h | <Button variant="secondary" size="small">Reply</Button> |
| <Avatar name="Devon R." /> | Please do a part 2! | 5h | <Button variant="secondary" size="small">Reply</Button> |
| <Avatar name="Theo K." /> | Amazing quality as always | 8h | <Button variant="secondary" size="small">Reply</Button> |
| <Avatar name="Lina W." /> | What camera do you use? | 1d | <Button variant="secondary" size="small">Reply</Button> |
</Card>
</Columns>

<Columns>
<Card title="Pending collaboration requests">
| Brand | Campaign | Offer | Actions |
|---|---|---|---|
| Lensly | Sponsored reel | $800 | <Button size="small">Accept</Button> <Button variant="secondary" size="small">Decline</Button> |
| SoundPeak | Audio promo | $1,200 | <Button size="small">Accept</Button> <Button variant="secondary" size="small">Decline</Button> |
| FrameIt | Video review | $1,500 | <Button size="small">Accept</Button> <Button variant="secondary" size="small">Decline</Button> |
</Card>

<Card title="Schedule a post">
<Form name="schedule-post-all">
<TextArea label="Caption" name="caption" placeholder="Write your caption…" rows="3" required="true" />
<Date label="Date" name="date" required="true" />
<Input label="Time" type="time" name="time" required="true" hint="Best slot: 6 PM" />
<Select label="Platform" name="platform" options="Instagram | TikTok | YouTube" placeholder="Choose platform" required="true" />
<Button>Schedule post</Button>
</Form>
</Card>
</Columns>

</Tab>
<Tab title="Instagram">

<Callout tone="info" title="Filtered to Instagram">
Every metric on this screen is now narrowed to Instagram only.
</Callout>

<Columns>
<Stat label="Followers" value="54,200" change="+3.1% this month" icon="users" tone="success" />
<Stat label="Engagement rate" value="6.4%" change="+0.4 pts" icon="heart" tone="info" />
<Stat label="Earnings this month" value="$2,100" change="+8%" icon="wallet" tone="success" />
<Stat label="Comments awaiting reply" value="5" change="2 new today" icon="chat-circle-dots" tone="warning" />
</Columns>

<Columns>
<Card title="Follower growth" subtitle="Past 30 days — Instagram">
<Chart type="area" x="Week" y="Followers">
| Week | Followers |
|---|---|
| Oct 1 | 52,600 |
| Oct 8 | 53,100 |
| Oct 15 | 53,700 |
| Oct 22 | 54,200 |
</Chart>
</Card>

<Card title="Best posts this month" subtitle="Ranked by reach — Instagram">
| Post | Reach |
|---|---|
| Studio tour reel | 48.2K |
| 5-slide editing tips | 22.4K |
| Booth setup story | 18.1K |
</Card>
</Columns>

<Columns>
<Card title="Audience split by platform" subtitle="Instagram holds 42% of your total audience">
<Chart type="donut" title="Audience share">
| Platform | Share |
|---|---|
| Instagram | 42 |
| TikTok | 35 |
| YouTube | 23 |
</Chart>
</Card>

<Card title="Best hour to post" subtitle="Best hour: 6 PM — engagement index on Instagram">
<Chart type="bar" x="Hour" y="Engagement">
| Hour | Engagement |
|---|---|
| 7 AM | 210 |
| 10 AM | 380 |
| 12 PM | 450 |
| 3 PM | 420 |
| 6 PM | 780 |
| 9 PM | 610 |
| 11 PM | 190 |
</Chart>
</Card>
</Columns>

<Columns>
<Card title="Posts scheduled this week">
| When | Post | Status |
|---|---|---|
| Mon 9:00 AM | Morning routine Q&A | <Badge tone="info">Scheduled</Badge> |
| Fri 12:00 PM | Carousel: lighting setup | <Badge tone="info">Scheduled</Badge> |
| Sun 11:00 AM | Gear giveaway post | <Badge tone="neutral">Draft</Badge> |
</Card>

<Card title="Comments waiting for a reply">
| From | Comment | Time |  |
|---|---|---|---|
| <Avatar name="Maya C." /> | This was so helpful! 🔥 | 2h | <Button variant="secondary" size="small">Reply</Button> |
| <Avatar name="Jules H." /> | Love the new backdrop! | 3h | <Button variant="secondary" size="small">Reply</Button> |
| <Avatar name="Lina W." /> | What camera do you use? | 1d | <Button variant="secondary" size="small">Reply</Button> |
</Card>
</Columns>

<Columns>
<Card title="Pending collaboration requests">
| Brand | Campaign | Offer | Actions |
|---|---|---|---|
| Lensly | Sponsored reel | $800 | <Button size="small">Accept</Button> <Button variant="secondary" size="small">Decline</Button> |
| GlowKit | Product tag | $600 | <Button size="small">Accept</Button> <Button variant="secondary" size="small">Decline</Button> |
</Card>

<Card title="Schedule a post">
<Form name="schedule-post-ig">
<TextArea label="Caption" name="caption" placeholder="Write your caption…" rows="3" required="true" />
<Date label="Date" name="date" required="true" />
<Input label="Time" type="time" name="time" required="true" hint="Best slot: 6 PM" />
<Select label="Platform" name="platform" options="Instagram | TikTok | YouTube" value="Instagram" required="true" />
<Button>Schedule post</Button>
</Form>
</Card>
</Columns>

</Tab>
<Tab title="TikTok">

<Callout tone="info" title="Filtered to TikTok">
Every metric on this screen is now narrowed to TikTok only.
</Callout>

<Columns>
<Stat label