45 lines
3.3 KiB
XML
45 lines
3.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
|
|
<g transform="translate(0, 0)">
|
|
<rect width="240" height="240" fill="#100F0F"/>
|
|
<rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
|
|
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
|
|
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Red (dark)</text>
|
|
<rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
|
|
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
|
|
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
|
|
<rect x="28" y="108" width="72" height="18" rx="9" fill="#D14D41"/>
|
|
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
|
|
<rect x="108" y="108" width="48" height="18" rx="4" fill="#D14D41"/>
|
|
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
|
|
<rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
|
|
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
|
|
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
|
|
<circle cx="148" cy="166" r="9" fill="#D14D41"/>
|
|
<circle cx="172" cy="166" r="9" fill="#DA702C"/>
|
|
<circle cx="196" cy="166" r="9" fill="#D14D41"/>
|
|
<rect x="16" y="200" width="208" height="24" rx="4" fill="#E8705F" opacity="0.15"/>
|
|
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
|
|
</g>
|
|
<rect x="240" y="0" width="4" height="240" fill="#888"/>
|
|
<g transform="translate(244, 0)">
|
|
<rect width="240" height="240" fill="#FFFCF0"/>
|
|
<rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
|
|
<rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
|
|
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Red (light)</text>
|
|
<rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
|
|
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
|
|
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
|
|
<rect x="28" y="108" width="72" height="18" rx="9" fill="#AF3029"/>
|
|
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
|
|
<rect x="108" y="108" width="48" height="18" rx="4" fill="#AF3029"/>
|
|
<rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
|
|
<rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
|
|
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
|
|
<rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
|
|
<circle cx="148" cy="166" r="9" fill="#AF3029"/>
|
|
<circle cx="172" cy="166" r="9" fill="#BC5215"/>
|
|
<circle cx="196" cy="166" r="9" fill="#AF3029"/>
|
|
<rect x="16" y="200" width="208" height="24" rx="4" fill="#C03E35" opacity="0.15"/>
|
|
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
|
|
</g>
|
|
</svg> |