# Content Studio

<Callout tone="info" title="Welcome back">You have 4 comments awaiting reply and 3 drafts in progress.</Callout>

<Card title="Quick actions">
<Columns>
<Button variant="primary" icon="plus">New draft</Button>
<Button variant="secondary" icon="calendar">Schedule a piece</Button>
<Button variant="secondary" icon="search">Browse library</Button>
</Columns>
</Card>

<Card title="Filter by category">
<Select label="Category" options="All categories | News | Opinion | Features | Guides | Interviews | Reviews" name="category" placeholder="Select a category" />
</Card>

<Card title="Drafts" subtitle="All in-progress pieces">
<Columns>
<Card title="The Future of Remote Work">
<Badge tone="warning">In review</Badge>
<Stat label="Last edited" value="2h ago" />
<Stat label="Word count" value="1,240" />
<Button variant="secondary" size="small">Edit draft</Button>
</Card>
<Card title="AI in the Newsroom">
<Badge tone="info">Drafting</Badge>
<Stat label="Last edited" value="Yesterday" />
<Stat label="Word count" value="860" />
<Button variant="secondary" size="small">Edit draft</Button>
</Card>
<Card title="Interview with Maya Chen">
<Badge tone="neutral">Outline</Badge>
<Stat label="Last edited" value="3 days ago" />
<Stat label="Word count" value="320" />
<Button variant="secondary" size="small">Edit draft</Button>
</Card>
</Columns>
</Card>

<Card title="Published this week">
<Chart type="bar" x="Day" y="Articles">
| Day | Articles |
|---|---|
| Mon | 2 |
| Tue | 3 |
| Wed | 1 |
| Thu | 4 |
| Fri | 2 |
| Sat | 1 |
| Sun | 0 |
</Chart>
<Stat label="Total published" value="13" change="+2 vs. last week" tone="success" />
</Card>

<Card title="Most-read article this month">
<Stat label="Title" value="Why Print Is Making a Comeback" />
<Stat label="Reads" value="48,210" change="+12% vs. last month" tone="success" icon="chart-line" />
<Stat label="Category" value="Features" />
<Stat label="Read time" value="8 min" />
<Button variant="secondary" size="small">View analytics</Button>
</Card>

<Card title="Readership — past 30 days">
<Chart type="line" x="Date" y="Unique readers">
| Date | Readers |
|---|---|
| Jun 1 | 8,400 |
| Jun 5 | 9,100 |
| Jun 10 | 10,300 |
| Jun 15 | 9,800 |
| Jun 20 | 11,200 |
| Jun 25 | 12,400 |
| Jun 30 | 13,100 |
</Chart>
<Columns>
<Stat label="Total readers" value="74,300" change="+8.2%" tone="success" />
<Stat label="Avg. daily" value="2,477" />
<Stat label="Peak day" value="Jun 30" value="13,100" />
</Columns>
</Card>

<Card title="Schedule a piece">
<Form name="schedule">
<Input label="Title" name="title" placeholder="Enter article title" required="true" />
<Date label="Publish date" name="publish-date" required="true" />
<Select label="Category" options="News | Opinion | Features | Guides | Interviews | Reviews" name="category" placeholder="Select category" />
<Button>Schedule</Button>
</Form>
</Card>

<Card title="Comments awaiting reply">
<Columns>
<Card title="On: Why Print Is Making a Comeback">
<Avatar name="Sarah Kim" subtitle="2h ago" />
<Callout tone="neutral">Great piece — but I'd love to see data on younger readers.</Callout>
<Button variant="secondary" size="small">Reply</Button>
</Card>
<Card title="On: The Future of Remote Work">
<Avatar name="David Osei" subtitle="5h ago" />
<Callout tone="neutral">This contradicts last week's piece on office culture. Can you clarify?</Callout>
<Button variant="secondary" size="small">Reply</Button>
</Card>
<Card title="On: AI in the Newsroom">
<Avatar name="Priya Patel" subtitle="1d ago" />
<Callout tone="neutral">Would love a follow-up on ethical guidelines.</Callout>
<Button variant="secondary" size="small">Reply</Button>
</Card>
<Card title="On: Interview with Maya Chen">
<Avatar name="Tom Becker" subtitle="1d ago" />
<Callout tone="neutral">Any chance of a transcript for accessibility?</Callout>
<Button variant="secondary" size="small">Reply</Button>
</Card>
</Columns>
</Card>

<Card title="Start a new draft">
<Form name="new-draft">
<Input label="Working title" name="title" placeholder="Give your piece a title" required="true" />
<Select label="Category" options="News | Opinion | Features | Guides | Interviews | Reviews" name="category" placeholder="Select a category" required="true" />
<TextArea label="Brief / notes" name="notes" placeholder="Add a short description or outline…" rows="3" />
<Button>Create draft</Button>
</Form>
</Card>

<FollowUps>
- Show me the most-read articles by category
- Which drafts are closest to being published?
- What's the best time to publish this week?
- Summarize the comments awaiting reply
</FollowUps>