HTML Codes You can Use 18

Minimalistic Snippets: Fonts, Bullets, Swatches, Dividers

Stylish Font Art

MINIMAL DESIGN

<p style="font-family:'Courier New', monospace; font-size:24px; font-weight:bold; letter-spacing:2px; border-left:4px solid #000; padding-left:10px; line-height:1.5;"> MINIMAL DESIGN </p>

Custom Bullets

• Clean Lines
• Monochrome Palette
• Minimalist Shapes

<ul style="list-style:none; padding-left:0;"> <li style="position:relative; padding-left:20px; margin-bottom:5px;"> <span style="position:absolute; left:0; top:2px; width:8px; height:8px; background:#000; border-radius:50%; display:inline-block;"></span> Clean Lines </li> <li style="position:relative; padding-left:20px; margin-bottom:5px;"> <span style="position:absolute; left:0; top:2px; width:8px; height:8px; background:#000; border-radius:50%; display:inline-block;"></span> Monochrome Palette </li> <li style="position:relative; padding-left:20px; margin-bottom:5px;"> <span style="position:absolute; left:0; top:2px; width:8px; height:8px; background:#000; border-radius:50%; display:inline-block;"></span> Minimalist Shapes </li> </ul>

Monochrome Color Swatches

<div style="display:flex; gap:10px;"> <div style="width:30px; height:30px; background:#000; border:1px solid #fff; cursor:pointer;"></div> <div style="width:30px; height:30px; background:#333; border:1px solid #fff; cursor:pointer;"></div> <div style="width:30px; height:30px; background:#666; border:1px solid #fff; cursor:pointer;"></div> <div style="width:30px; height:30px; background:#999; border:1px solid #fff; cursor:pointer;"></div> <div style="width:30px; height:30px; background:#fff; border:1px solid #000; cursor:pointer;"></div> </div>

Clean Dividers

---

SECTION <hr style="border:none; height:2px; background:#000; width:80%; margin:auto; margin-bottom:5px;"> <span style="font-size:12px; font-weight:bold;">SECTION</span>

Minimalistic snippets for designers, artists, and photographers