Badge

Standard User

Available to anyone with page-editing access

Small inline labels using Adobe Bluffs brand colors. Copy the snippet below and paste it directly into the Edlio CMS WYSIWYG editor.

Preview

Primary Secondary Accent Outline New

<!-- BADGES (ADOBE BLUFFS) -->

<!-- Primary 1 Badge -->
<span style="display: inline-block; background-color: #D51C29; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px;">Primary</span>

<!-- Primary 2 Badge -->
<span style="display: inline-block; background-color: #333132; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; border: 1px solid #333132;">Secondary</span>

<!-- Accent 1 Badge -->
<span style="display: inline-block; background-color: #F8B8A4; color: #1a1a1a; padding: 4px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; border: 1px solid rgba(0,0,0,0.2);">Accent</span>

<!-- Outline Badge (Primary 1 border) -->
<span style="display: inline-block; background-color: transparent; color: #D51C29; padding: 3px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; border: 2px solid #D51C29;">Outline</span>

<!-- Pill Badge -->
<span style="display: inline-block; background-color: #F8B8A4; color: #1a1a1a; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; border: 1px solid rgba(0,0,0,0.2);">New</span>