Publishing Grid Configurator

MLennial Labels Grid — Configurator

◆ Section Header

Subtitle

Title

◆ Label Entries

Default state shows logo on black. Hover swaps to a photo. Logo overlay reappears over the photo on hover.

◆ Colors

Section Background

Card Background

Card Border

Card Border Hover

Text Primary

Text Muted

◆ Typography

Subtitle Size (px)

Subtitle Spacing (px)

Subtitle Weight

Title Size

CSS value — supports clamp(), px, rem

Title Weight

Title Letter Spacing

Label Name Size

CSS value — clamp() recommended

Name Weight

Name Spacing

◆ Layout & Spacing

Card Radius (px)

Image Aspect (%)

Grid Gap Mobile (px)

Grid Gap ≥640px (px)

Grid Gap ≥1024px (px)

Grid Gap ≥1280px (px)

Max Width (px, 0=auto)

0 = auto — grid spans the full block width

◆ Social Icons

Icon Size

Touch Target

◆ Info Bar

Info Padding

CSS shorthand

Info Gap (px)

Applies below 768px. Mobile grid is 1-column below 640px.

◆ Label Name (Mobile)

Name Size (px)

Name Spacing (px)

◆ Info Bar (Mobile)

Info Padding

CSS shorthand

◆ Social Icons (Mobile)

Icon Touch Target (px)

Icon Size (px)

MLennial Labels Grid — Configurator

Preview