# Content Studio

<Card title="Filters" subtitle="Narrow the view by category">
<Select label="Category" name="category-filter" placeholder="All categories" options="All | News | Features | Opinion | Reviews | Guides | Interviews" />
</Card>

<Columns>
<Card title="Drafts" subtitle="Current works in progress">
| Title | Status | Updated | Category |
|---|---|---|---|
| The Future of AI in Healthcare | <Badge tone="warning">In review</Badge> | 2 hours ago | Features |
| Climate Policy: What Changed in 2024 | <Badge tone="info">Editing</Badge> | 5 hours ago | News |
| How to Build a Remote-First Culture | <Badge tone="neutral">Drafting</Badge> | 1 day ago | Guides |
| Interview: CEO of GreenTech Innovations | <Badge tone="success">Ready to schedule</Badge> | 3 days ago | Interviews |
| The Hidden Costs of Fast Fashion | <Badge tone="neutral">Drafting</Badge> | 1 week ago | Opinion |
</Card>

<Card title="Published This Week" subtitle="7 articles live since Monday">
| Title | Published | Category | Views |
|---|---|---|---|
| Quantum Computing Breakthrough | Dec 9 | News | 12,400 |
| Sustainable Supply Chains Explained | Dec 8 | Features | 8,200 |
| Why Four-Day Weeks Work | Dec 7 | Opinion | 15,600 |
| Debugging Memory Leaks in Node.js | Dec 6 | Guides | 6,800 |
| Inside the New Space Race | Dec 5 | Features | 22,100 |
| The Psychology of Pricing | Dec 4 | Reviews | 9,300 |
| Building Accessible Design Systems | Dec 3 | Guides | 11,700 |
</Card>
</Columns>

<Card title="Most-Read Article This Month" subtitle="Top performer by unique readers">
<Stat label="Inside the New Space Race" value="89,400 readers" change="+34% vs last month" tone="success" icon="chart-line" />
<Stat label="Avg. read time" value="6:42 min" change="Above average" tone="info" icon="calendar" />
<Stat label="Newsletter conversions" value="1,240" change="+18% vs baseline" tone="success" icon="users" />
</Card>

<Card title="Readership — Past 30 Days" subtitle="Unique readers per day">
<Chart type="area" x="Date" y="Readers">
| Date | Readers |
|---|---|
| Nov 10 | 4200 |
| Nov 11 | 3800 |
| Nov 12 | 5100 |
| Nov 13 | 4900 |
| Nov 14 | 6200 |
| Nov 15 | 7800 |
| Nov 16 | 8100 |
| Nov 17 | 7400 |
| Nov 18 | 5600 |
| Nov 19 | 4800 |
| Nov 20 | 5200 |
| Nov 21 | 5900 |
| Nov 22 | 7100 |
| Nov 23 | 8500 |
| Nov 24 | 7900 |
| Nov 25 | 6300 |
| Nov 26 | 5400 |
| Nov 27 | 5800 |
| Nov 28 | 6700 |
| Nov 29 | 8200 |
| Nov 30 | 9100 |
| Dec 1 | 8800 |
| Dec 2 | 7200 |
| Dec 3 | 6500 |
| Dec 4 | 7100 |
| Dec 5 | 8900 |
| Dec 6 | 9400 |
| Dec 7 | 10200 |
| Dec 8 | 9800 |
| Dec 9 | 8500 |
</Chart>
</Card>

<Columns>
<Card title="Comments Awaiting Reply" subtitle="5 comments need your attention">
| Article | Commenter | Preview | Age |
|---|---|---|---|
| Quantum Computing Breakthrough | Dr. Sarah Chen | "The error correction claims seem overstated..." | 2 hours |
| Why Four-Day Weeks Work | Marcus Webb | "Has this been tested in manufacturing?" | 4 hours |
| Sustainable Supply Chains | Priya Patel | "What about Scope 3 emissions tracking?" | 6 hours |
| Inside the New Space Race | Alex Rivera | "No mention of regulatory hurdles?" | 1 day |
| Debugging Memory Leaks | Jordan Kim | "The heap snapshot method is deprecated" | 2 days |
</Card>

<Card title="Schedule a Piece" subtitle="Set a title and publish date">
<Form name="schedule-piece">
<Input label="Article title" name="schedule-title" placeholder="Enter article title" required="true" />
<Select label="Category" name="schedule-category" placeholder="Select category" options="News | Features | Opinion | Reviews | Guides | Interviews" required="true" />
<Date label="Publish date" name="publish-date" required="true" />
<Button>Schedule for publishing</Button>
<Button variant="tertiary">Save as draft instead</Button>
</Form>
</Card>
</Columns>

<Card title="Start a New Draft" subtitle="Begin writing a new article">
<Form name="new-draft">
<Input label="Working title" name="draft-title" placeholder="What's this piece about?" required="true" />
<Select label="Category" name="draft-category" placeholder="Choose a category" options="News | Features | Opinion | Reviews | Guides | Interviews" required="true" />
<TextArea label="Initial notes / outline" name="draft-notes" placeholder="Jot down key points, sources, angle..." rows="4" />
<Button>Create draft</Button>
<Button variant="secondary">Import from pitch</Button>
</Form>
</Card>

<FollowUps>
- Show me drafts assigned to me
- View editorial calendar for December
- Export this week's performance report
- Manage contributor assignments
</FollowUps>