“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.
How to Create Research-Backed User Personas: The UX Designer's 2025 Guide
Great design starts with great understanding—if you know the real problems people have, you can build solutions that the
- 196 shares
- 2 weeks ago
What the Numbers Missed: 4 Times Personas Could Have Saved Millions
Numbers answer a big question—"What?” What is the problem? What happened when we did this? “What” gives us so much. It c
- 287 shares
- 1 mth ago
Can You Design for Someone You Don’t Understand? The Role of Personas in Cross-Cultural UX Design
Can you design for someone you don’t understand? Too often, biases and assumptions creep into the design process. Cultur
- 321 shares
- 2 mths ago
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
- 344 shares
- 2 mths 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.
How to Create Research-Backed User Personas: The UX Designer's 2025 Guide
Great design starts with great understanding—if you know the real problems people have, you can build solutions that the
- 196 shares
- 2 weeks 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