A warm gradientMangoSunset wash over a plain .contentBox — background styling supplied entirely by the shared gradient preset.
Apply any gradient class.
A variables.
Theme any card with one class.
An gradientSunset card with a plain <img> placed directly inside no wrapper, no overlay.
A scheme-oceanMist tile showcasing an in-card photo and a hvr-float lift on hover.
An gradientMysticPurple backdrop that hvr-bob bobs gently on mouse-over.
This section breaks out of the normal content width to create visual emphasis.
Max width is 1300px instead of the normal 1200px.
Another overlapping element
Plain <img> children keep the card layout intact and never clip the photo.
A clean in-card image with the gradientMangoSunset background preset behind the copy.
Cards simply stack in row order on mobile and fan out across the desktop grid.
Typography scales through the contract from compact captions to display headings.
There is no fixed page layout here just plain .contentBox containers arranged by the framework grid.
Row 8 is the third breakout section, giving full-width room to highlight important content.
A scheme-berryPunch card with a direct photo and a playful hover.
A gradientNight card for dark, moody emphasis.
A scheme-sunRise card another themed colour-scheme preset.
Gradient + hover + deep shadow all on one lightweight card.