Artist Grid — MLennial

MLennial Artists Grid — Configurator

◆ Section Header

Subtitle

Title

◆ Artist Entries

Each card shows a default image, optional hover image swap, optional logo overlay on hover, and social icons. Leave image/logo fields blank to skip.

◆ Colors

Section Background

Card Background

Card Border

Supports rgba()

Card Border Hover

Text Primary

Text Muted

Supports rgba()

◆ Typography

Subtitle Size (px)

Subtitle Letter Spacing (px)

Subtitle Weight

Title Size

CSS value — supports clamp(), px, rem

Title Weight

Title Letter Spacing

Artist Name (px)

Name Weight

Name Spacing (px)

Artist Name Desktop (px, ≥1024px)

Name size on large screens

◆ Layout & Spacing

Card Radius (px)

Image Aspect (%)

padding-bottom percentage — 120 = tall portrait

Grid Gap Mobile (px)

Grid Gap ≥640px (px)

Grid Gap ≥1024px (px)

Grid Gap ≥1280px (px)

Max Width (px)

◆ Social Icons

Icon Size (px)

Touch Target (px)

Applies below 1024px for name size and info layout. Mobile grid is 1-column below 640px.

◆ Artist Name (Mobile)

Name Size <1024px (px)

◆ Info Bar Padding (Mobile)

Info Padding <1024px

CSS shorthand — applied below 1024px

MLennial Artists Grid — Configurator