“Masterclass Card” Component
Masterclass card is used to list available masterclasses or past masterclasses. The card is specific to masterclass only. It spans 3 columns in large screen and 4 columns in medium screen. There are two type of masterclass card: purchased masterclass cards and public masterclass cards.
On the Masterclasses Page
Design Tokens: Powering Your Design System
![](https://public-images.interaction-design.org/masterclasses/heros/2eOU9GmQ3IxECJDxyhqMt7YzOfqQ9dEEIioeHHE3.jpg?tr=w-464,h-464,fo-auto)
Learn about Design Tokens with Henry Daggett
By Henry Daggett, Design System Lead, Societe Generale CIB
How to Create AI Images: On-Brand and Inclusive Photography
![](https://public-images.interaction-design.org/masterclasses/heros/TK0gAAVZVs7sGDVl1BF98gRaklTuOiLfElDsWJ9p.jpg?tr=w-464,h-464,fo-auto)
Join Pablo Stanley as he shares his expertise on how to generate beautiful, diverse and inclusive images with AI
By Pablo Stanley, Designer and CEO of Musho and Lummi
How to Design for the Human Mind: Cognitive Science for UX
![](https://public-images.interaction-design.org/masterclasses/heros/eGD1b2bIGtcWDkUJB6oQygc56mNNMTsgG3yDLF0u.jpg?tr=w-464,h-464,fo-auto)
This Master Class equips UX professionals with practical cognitive science knowledge to understand the human mind and create intuitive, engaging designs that resonate with users.
By Celia Hodent, PhD, Game UX Strategist and author of The Gamer's Brain
Design Systems Blueprint: Comprehensive Strategies for Success
![](https://public-images.interaction-design.org/masterclasses/heros/uMKETzHbEZW8LlLkmktFQ0AzqFud4n20SAMK9H57.png?tr=w-464,h-464,fo-auto)
Learn to conceptualize and implement the core components of a design system, as well as lead and manage a specialized team dedicated to its development and maintenance.
By Jarvis Moore, Senior Design Lead, Design Systems at Microsoft
Usage
// Generic Masterclass
@include('components.cards.masterclass', ['masterclass' => $masterclass])
// Purchased Masterclass
@include('components.cards.masterclass--purchased', ['masterclass' => $masterclass])
Props
-
masterclass (required)App\Modules\Masterclass\Models\Masterclass
Masterclass instance to display.