“Article Card” Component
Design: zeplin.
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 Top UX Design Books You Need to Read in 2023: Beginner to Expert

In the digital landscape, user experience (UX) design holds a pivotal role. Every pixel, every interaction, and every pi
- 198 shares
- 5 days ago
15 Inspiring UX Quotes for Innovation and Design

In design and innovation, words can often paint a picture more vividly than strokes on a canvas. This is especially true
- 198 shares
- 1 week ago
Rule of Thirds: The Definitive Guide & Examples

Picture this: You want to design a stunning graphic or capture a momentous photograph. You want to ensure that your visu
- 251 shares
- 1 week ago
AR Heuristics to Avoid Common UX Pitfalls

User testing may be the final word in usability, but usability guidelines, or "heuristics," are rubrics designers use to
- 67 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 Top UX Design Books You Need to Read in 2023: Beginner to Expert

In the digital landscape, user experience (UX) design holds a pivotal role. Every pixel, every interaction, and every pi
- 198 shares
- 5 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