“Article Card” Component
Design: https://zpl.io/brMNL1W.
The article card features the hero image of the UX Daily article, with the article title laid over the image. The hero image is cropped and centered to fit the card's size.
Small Card
Small Card take full width in small screen, 4 columns in medium screen and 3 in large screen. Title is in kilo type font.
The Psychology Behind Personas: Why They Work in Any Job, Any Industry

When you think of personas, your mind might jump to UX design or marketing. But the truth is, personas are far more vers
- 92 shares
- 2 days ago
The Hollywood Guide to UX Personas: Storytelling That Drives Better Design

Have you ever teared up watching a Pixar film? Felt the thrill when a superhero overcame impossible odds? Cheered for a
- 146 shares
- 3 days ago
The Secret to Success? Understanding People—How to Use Personas to Get Ahead

What makes some professionals consistently stand out—regardless of their role, industry, or resources? It’s not just tal
- 119 shares
- 6 days ago
From Portfolio to People: How to Leverage Your Work to Create Lasting Relationships in the UX World

Your next UX gig might not be found on a job board, but at a coffee shop, local meetup or social media post. In UX desig
- 188 shares
- 1 week ago
Large Card
Large Card take full width in small screen, 8 columns in medium screen and 6 in large screen. Title is in mega type font.
The Psychology Behind Personas: Why They Work in Any Job, Any Industry

When you think of personas, your mind might jump to UX design or marketing. But the truth is, personas are far more vers
- 92 shares
- 2 days ago
Usage
@include('components.cards.article', ['article' => $article])
@include('components.cards.article', ['article' => $article, 'large' => true])
Props
-
article (required)App\Modules\Publication\Models\Article
Article instance to display.
-
largebool
Becomes large card if true is passed.
Default Value:
false