Component
Content block
Drop trusted HTML from the database or compose inline for static promos.
Pieces with personality
Bootstrap underneath, couture on top. Here is the toy shelf.
Typography
Kitchen-sink demo (site gradient hero carries the page h1).
Display - DM Sans (heavy)
Heading three keeps the beat
Eyebrow / label energy
Lead text should feel like a friend leaning in.
Body copy stays airy: generous line height, human rhythm, and bold moments that do not shout.
Buttons
Badges & alerts
New Soft launch Limited
Heads up: this is informational, not bossy.
Party intel: gradients are friends.
Cards
Base
Default card
Balanced surface, soft shadow, readable forever.
Warm
Sunset wash
Warm gradient border energy without the noise.
Pop
Orchid pulse
A little more voltage—still tasteful.
Lists
- Soft asymmetry on purpose
- Motion that respects reduced motion
- Microcopy with a pulse
Layout blocks
Responsive grids you can remix on real pages.
⅓
⅓
⅓
Main column
Aside
Centered rail (editorial width)