Rebuild monogram from reference pixels
This commit is contained in:
parent
136b2e4af8
commit
ce2f142bb7
1 changed files with 52 additions and 24 deletions
|
|
@ -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 |
Loading…
Reference in a new issue