Rebuild monogram from reference pixels

This commit is contained in:
Meta Vens 2026-04-25 04:51:06 +01:00
commit ce2f142bb7

View file

@ -2,13 +2,6 @@
<title id="title">Repixelizer monogram logo concept</title>
<desc id="desc">A chunky pixel-art R monogram with a right-shifted phase ghost on a dark square badge.</desc>
<defs>
<filter id="goldGlow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="3" result="blur" />
<feMerge>
<feMergeNode in="blur" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<pattern id="grid" width="12" height="12" patternUnits="userSpaceOnUse">
<path d="M 12 0 L 0 0 0 12" fill="none" stroke="#ffd84a" stroke-opacity="0.08" stroke-width="1" />
</pattern>
@ -17,9 +10,8 @@
.badge { fill: #0a1b2f; stroke: #ffd84a; stroke-width: 6; }
.rim { fill: none; stroke: #1d4d75; stroke-width: 6; }
.grid { fill: url(#grid); opacity: 0.32; }
.ghost { fill: #8fe2c8; opacity: 0.28; }
.glyph-main { fill: #fff4bf; }
.glyph-accent { fill: #ffb72a; }
.ghost { fill: #8fe2c8; opacity: 0.2; }
.glyph { fill: #fff4bf; }
</style>
</defs>
@ -27,21 +19,57 @@
<rect class="rim" x="34" y="34" width="188" height="188" rx="18" />
<rect class="grid" x="34" y="34" width="188" height="188" rx="18" />
<g filter="url(#goldGlow)">
<g transform="translate(18 0)">
<rect class="ghost" x="56" y="44" width="32" height="168" />
<rect class="ghost" x="56" y="44" width="112" height="32" />
<rect class="ghost" x="144" y="44" width="56" height="84" />
<rect class="ghost" x="56" y="124" width="112" height="32" />
<rect class="ghost" x="112" y="156" width="56" height="32" />
<rect class="ghost" x="144" y="184" width="56" height="28" />
<g transform="translate(64 58)">
<g transform="translate(12 0)">
<rect class="ghost" x="0" y="0" width="120" height="10" />
<rect class="ghost" x="0" y="10" width="120" height="10" />
<rect class="ghost" x="0" y="20" width="40" height="10" />
<rect class="ghost" x="100" y="20" width="40" height="10" />
<rect class="ghost" x="0" y="30" width="40" height="10" />
<rect class="ghost" x="100" y="30" width="40" height="10" />
<rect class="ghost" x="0" y="40" width="40" height="10" />
<rect class="ghost" x="100" y="40" width="40" height="10" />
<rect class="ghost" x="0" y="50" width="40" height="10" />
<rect class="ghost" x="100" y="50" width="40" height="10" />
<rect class="ghost" x="0" y="60" width="40" height="10" />
<rect class="ghost" x="80" y="60" width="60" height="10" />
<rect class="ghost" x="0" y="70" width="40" height="10" />
<rect class="ghost" x="80" y="70" width="60" height="10" />
<rect class="ghost" x="0" y="80" width="100" height="10" />
<rect class="ghost" x="0" y="90" width="100" height="10" />
<rect class="ghost" x="0" y="100" width="40" height="10" />
<rect class="ghost" x="60" y="100" width="60" height="10" />
<rect class="ghost" x="0" y="110" width="40" height="10" />
<rect class="ghost" x="60" y="110" width="60" height="10" />
<rect class="ghost" x="0" y="120" width="40" height="10" />
<rect class="ghost" x="80" y="120" width="60" height="10" />
<rect class="ghost" x="0" y="130" width="40" height="10" />
<rect class="ghost" x="80" y="130" width="60" height="10" />
</g>
<rect class="glyph-main" x="56" y="44" width="32" height="168" />
<rect class="glyph-main" x="56" y="44" width="112" height="32" />
<rect class="glyph-accent" x="144" y="44" width="56" height="84" />
<rect class="glyph-main" x="56" y="124" width="112" height="32" />
<rect class="glyph-main" x="112" y="156" width="56" height="32" />
<rect class="glyph-accent" x="144" y="184" width="56" height="28" />
<rect class="glyph" x="0" y="0" width="120" height="10" />
<rect class="glyph" x="0" y="10" width="120" height="10" />
<rect class="glyph" x="0" y="20" width="40" height="10" />
<rect class="glyph" x="100" y="20" width="40" height="10" />
<rect class="glyph" x="0" y="30" width="40" height="10" />
<rect class="glyph" x="100" y="30" width="40" height="10" />
<rect class="glyph" x="0" y="40" width="40" height="10" />
<rect class="glyph" x="100" y="40" width="40" height="10" />
<rect class="glyph" x="0" y="50" width="40" height="10" />
<rect class="glyph" x="100" y="50" width="40" height="10" />
<rect class="glyph" x="0" y="60" width="40" height="10" />
<rect class="glyph" x="80" y="60" width="60" height="10" />
<rect class="glyph" x="0" y="70" width="40" height="10" />
<rect class="glyph" x="80" y="70" width="60" height="10" />
<rect class="glyph" x="0" y="80" width="100" height="10" />
<rect class="glyph" x="0" y="90" width="100" height="10" />
<rect class="glyph" x="0" y="100" width="40" height="10" />
<rect class="glyph" x="60" y="100" width="60" height="10" />
<rect class="glyph" x="0" y="110" width="40" height="10" />
<rect class="glyph" x="60" y="110" width="60" height="10" />
<rect class="glyph" x="0" y="120" width="40" height="10" />
<rect class="glyph" x="80" y="120" width="60" height="10" />
<rect class="glyph" x="0" y="130" width="40" height="10" />
<rect class="glyph" x="80" y="130" width="60" height="10" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After