Slats

Generic
Lists
Reports

Generic

Slats represent a unit with associated data and actions. These can be found throughout the application to represent campaigns, audiences, automation triggers, and more.

In pellentesque faucibus vestibulum. Nulla at.

Some other text

Configure

Lists dashboard

Mandrill Welcome Email Test

Created Aug 07, 2013 04:00 pm

6

Subscribers

0.0%

Open rate

0.0%

Click rate
- Subscribers6
- Open rate0.0%
- Click rate0.0%
Stats

Manage subscribers

Signup forms

Settings

Import

Replicate list

Combine lists

<div class="section slats"> <ul> <li class="relative selfclear"> <div class="selfclear"> <div class="meta unit size3of4"> <div class="unit size1of2 !padding--lv0"> <div class="move-handle freddicon vellip float-left"></div> <input type="checkbox" data-dojo-type="mojo/analytics/parts/SelectCheckBox" value="1" class="av-checkbox"> <h4><a href="#">Mandrill Welcome Email Test</a></h4> <p class="dim-el">Created Aug 07, 2013 04:00 pm</p> <p> <span class="freddicon star-fill"></span> <span class="freddicon star-fill"></span> <span class="freddicon star-fill"></span> <span class="freddicon star-fill"></span> <span class="freddicon graystar-fill"></span> </p> </div> <div class="lastUnit size1of2 !padding--lv0 stats-container hide-phone"> <div class="data inline-block-i float-left"> <h4>6</h4> <p class="dim-el">Subscribers</p> </div> <div class="data inline-block-i float-left"> <h4>0.0%</h4> <p class="dim-el">Open rate</p> </div> <div class="data inline-block-i float-left"> <h4>0.0%</h4> <p class="dim-el">Click rate</p> </div> </div> <div class="lastUnit size1of2 !padding--lv0 stats-container show-phone"> <ul class="dotted-list !margin--lv0"> <li><span>Subscribers</span><span class="font-weight--bold float-right">6</span></li> <li><span>Open rate</span><span class="font-weight--bold float-right">0.0%</span></li> <li><span>Click rate</span><span class="font-weight--bold float-right">0.0%</span></li> </ul> </div> </div> <div class="meta-actions lastUnit size1of4 alignr"> <a href="#" class="button-small" title="Add Subscriber"><span class="freddicon add-subscriber !margin-right--lv0"></span></a> <div class="button-small" data-dojo-type="dijit/form/ComboButton"> <span><a href="#">Stats</a></span> <div class="mc-dropdown" data-dojo-type="dijit/DropDownMenu"> <div><a href="#">Manage subscribers</a></div> <div><a href="#">Signup forms</a></div> <div><a href="#">Settings</a></div> <div><a href="#">Import</a></div> <div><a href="#">Replicate list</a></div> <div><a href="#">Combine lists</a></div> </div> </div> </div> </div> </li> </ul> </div>

Reports dashboard

Mailchimp UX Issue 9 - Patterns

regular · Sent Jul 25, 2013 05:03 pm

2,065

Subscribers

55.8%

Open rateOpens

1,147

Open rateOpens

13.7%

Click rateClicks

281

Click rateClicks
- Subscribers2,065
- Open rate55.8%
- Click rate13.7%
View report

View email

Share campaign

Share report

Download

Print

<div class="section slats"> <ul> <li class="relative selfclear"> <div class="meta unit size3of4"> <div class="unit size5of8 !padding--lv0"> <input type="checkbox" data-dojo-type="mojo/analytics/parts/SelectCheckBox" class="av-checkbox"> <h4><a href="#">Mailchimp UX Issue 9 - Patterns</a></h4> <p><span class="msg dim-el capitalize">regular · </span><span class="msg dim-el">Sent Jul 25, 2013 05:03 pm</span></p> </div> <div class="lastUnit size3of8 !padding--lv0 stats-container hide-phone"> <div class="data inline-block-i float-left"> <h4>2,065</h4> <p class="dim-el">Subscribers</p> </div> <div class="data inline-block-i float-left"> <div class="percentage-container"> <h4>55.8%</h4> <p class="dim-el"><span class="hide-mobile">Open rate</span><span class="show-mobile">Opens</span></p> </div> <div class="number-container"> <h4>1,147</h4> <p class="dim-el"><span class="hide-mobile">Open rate</span><span class="show-mobile">Opens</span></p> </div> </div> <div class="data inline-block-i float-left"> <div class="percentage-container"> <h4>13.7%</h4> <p class="dim-el"><span class="hide-mobile">Click rate</span><span class="show-mobile">Clicks</span></p> </div> <div class="number-container"> <h4>281</h4> <p class="dim-el"><span class="hide-mobile">Click rate</span><span class="show-mobile">Clicks</span></p> </div> </div> </div> <div class="lastUnit size3of8 !padding--lv0 stats-container show-phone"> <ul class="dotted-list !margin--lv0"> <li><span>Subscribers</span><span class="font-weight--bold float-right">2,065</span></li> <li><span>Open rate</span><span class="font-weight--bold float-right">55.8%</span></li> <li><span>Click rate</span><span class="font-weight--bold float-right">13.7%</span></li> </ul> </div> </div> <div class="meta-actions report lastUnit size1of4 alignr"> <div class="button-small" data-dojo-type="dijit/form/ComboButton"> <span><a href="#">View report</a></span> <div class="mc-dropdown" data-dojo-type="dijit/DropDownMenu"> <div><a href="#">View email</a></div> <div><a href="#">Share campaign</a></div> <div title="Share"><a href="#">Share report</a></div> <div><a href="#">Download</a></div> <div title="Print"><a href="#">Print</a></div> </div> </div> </div> </li> </ul> </div>

Mailchimp Pattern Library

Generic

In pellentesque faucibus vestibulum. Nulla at.

Lists dashboard

Mandrill Welcome Email Test

6

0.0%

0.0%

Reports dashboard

Mailchimp UX Issue 9 - Patterns

2,065

55.8%

1,147

13.7%

281