==Goal
Create a layout for the Wikipedia Preview card that will show on mobile phones.
===Elements
The card will have the following elements:
- Thumbnail image -> This will be the lead image of an article, when available
- Text from the beginning section of an article
- Wikipedia branding
- A call to action to direct readers to read the full article on Wikipedia
- Attribution and licensing for images
===Proposed Design
{F31803383}
|Preview with wordmark |Preview without wordmark|
|---|---
|{F31849962 width=200}|{F31849965 width=200}
Zeplin ➡ https://app.zeplin.io/project/5ecb83e6684a652a22af32b6/dashboard?seid=5ecb84d8658ec345e126b702 (with thumbnail)
Zeplin ➡ https://app.zeplin.io/project/5ecb83e6684a652a22af32b6/dashboard?seid=5ecba9b74ad07129a00af33f (without thumbnail)
===Design Details
- If an article summary has long text which can’t fit inside the preview card then show continue reading(CTA).
- If an article summary has short text then adjust the size of the preview card accordingly without keeping CTA.
- If an article(with/without thumbnail) has other images then show them when users tap on continue reading.
- In the absence of thumbnail, use Wikipedia wordmark in place of thumbnail.