Showing: full SVG
Concept Groups
vibrant pink calligraphy: 1 2 3 7 8 11 19 20 21 23 24 25 26 27 28 30
marhaban ya ramadan: 0 4 5 6 9 10 12 13 14 15 16 17 18 22 29
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
marhaban ya ramadan |
0.526
|
0.088 0.098 |
| 1 | path |
vibrant pink calligr |
0.537
|
0.053 0.046 |
| 2 | path |
vibrant pink calligr |
0.529
|
0.030 0.026 |
| 3 | path |
vibrant pink calligr |
0.518
|
0.085 0.079 |
| 4 | path |
marhaban ya ramadan |
0.500
|
0.074 0.074 |
| 5 | path |
marhaban ya ramadan |
0.510
|
0.073 0.076 |
| 6 | rect |
marhaban ya ramadan |
0.518
|
0.005 0.005 |
| 7 | circle |
vibrant pink calligr |
0.500
|
0.003 0.003 |
| 8 | rect |
vibrant pink calligr |
0.507
|
0.017 0.016 |
| 9 | path |
marhaban ya ramadan |
0.511
|
0.008 0.009 |
| 10 | path |
marhaban ya ramadan |
0.526
|
0.001 0.001 |
| 11 | circle |
vibrant pink calligr |
0.505
|
0.004 0.004 |
| 12 | path |
marhaban ya ramadan |
0.517
|
0.007 0.007 |
| 13 | path |
marhaban ya ramadan |
0.508
|
0.001 0.001 |
| 14 | circle |
marhaban ya ramadan |
0.548
|
0.002 0.002 |
| 15 | circle |
marhaban ya ramadan |
0.574
|
0.002 0.003 |
| 16 | rect |
marhaban ya ramadan |
0.504
|
0.047 0.048 |
| 17 | path |
marhaban ya ramadan |
0.510
|
0.094 0.098 |
| 18 | path |
marhaban ya ramadan |
0.510
|
0.072 0.075 |
| 19 | path |
vibrant pink calligr |
0.505
|
0.048 0.047 |
| 20 | path |
vibrant pink calligr |
0.502
|
0.043 0.042 |
| 21 | path |
vibrant pink calligr |
0.500
|
0.081 0.081 |
| 22 | path |
marhaban ya ramadan |
0.502
|
0.029 0.029 |
| 23 | path |
vibrant pink calligr |
0.511
|
0.076 0.073 |
| 24 | path |
vibrant pink calligr |
0.539
|
0.000 0.000 |
| 25 | circle |
vibrant pink calligr |
0.510
|
0.003 0.003 |
| 26 | rect |
vibrant pink calligr |
0.506
|
0.049 0.048 |
| 27 | circle |
vibrant pink calligr |
0.540
|
0.001 0.001 |
| 28 | circle |
vibrant pink calligr |
0.519
|
0.001 0.001 |
| 29 | polygon |
marhaban ya ramadan |
0.504
|
0.003 0.003 |
| 30 | polygon |
vibrant pink calligr |
0.552
|
0.003 0.003 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="420" viewBox="0 0 1200 420">
<!--
Step-by-Step Analysis (from the description)
1) Background: Transparent (no background rectangle).
2) Content: Arabic phrase "مرحباً يا رمضان" arranged as a single calligraphic composition.
3) Style: Modern, blocky, geometric Kufic-like look with sharp angles and clean edges.
4) Color: Vibrant salmon pink used uniformly across the lettering and dots.
5) Diacritics: Prominent circular dots (diacritical marks) shown as solid circles.
6) Layout: Right-to-left reading; overall balanced, banner-like composition.
-->
<defs>
<style>
.ink { fill: #F06F7A; } /* salmon pink */
</style>
</defs>
<!-- Geometric calligraphy composition (stylized, not a font) -->
<g class="ink" transform="translate(40,40)">
<!-- Main baseline band to unify the blocky look -->
<rect x="40" y="250" width="1080" height="26" rx="2"/>
<!-- Word group: "رمضان" (right side) -->
<g transform="translate(720,0)">
<!-- ر -->
<path d="M420,120 L520,120 L520,160 L470,160 L470,240 L420,240 Z"/>
<path d="M420,240 L470,240 L470,290 L390,290 L390,190 L420,190 Z"/>
<!-- م -->
<path d="M330,140 L405,140 L405,290 L330,290 Z"/>
<path d="M270,170 L330,170 L330,290 L250,290 L250,220 L270,220 Z"/>
<!-- ض -->
<path d="M165,120 L250,120 L250,160 L205,160 L205,290 L165,290 Z"/>
<rect x="120" y="170" width="45" height="120"/>
<!-- ض dot -->
<circle cx="220" cy="95" r="12"/>
<!-- ا -->
<rect x="80" y="110" width="34" height="180"/>
<!-- ن -->
<path d="M0,170 L80,170 L80,290 L0,290 Z"/>
<path d="M0,170 L40,170 L40,230 L0,230 Z"/>
<!-- ن dot -->
<circle cx="40" cy="145" r="12"/>
</g>
<!-- Word group: "يا" (middle) -->
<g transform="translate(520,0)">
<!-- ي -->
<path d="M260,170 L360,170 L360,290 L260,290 Z"/>
<path d="M220,200 L260,200 L260,290 L200,290 L200,235 L220,235 Z"/>
<!-- two dots under (prominent circular) -->
<circle cx="275" cy="320" r="11"/>
<circle cx="315" cy="320" r="11"/>
<!-- ا -->
<rect x="150" y="120" width="34" height="170"/>
</g>
<!-- Word group: "مرحباً" (left side) -->
<g transform="translate(0,0)">
<!-- م -->
<path d="M420,140 L495,140 L495,290 L420,290 Z"/>
<path d="M360,170 L420,170 L420,290 L340,290 L340,220 L360,220 Z"/>
<!-- ر -->
<path d="M285,120 L360,120 L360,160 L320,160 L320,240 L285,240 Z"/>
<path d="M285,240 L320,240 L320,290 L250,290 L250,200 L285,200 Z"/>
<!-- ح -->
<path d="M150,160 L250,160 L250,200 L210,200 L210,290 L150,290 Z"/>
<path d="M110,200 L150,200 L150,290 L90,290 L90,235 L110,235 Z"/>
<!-- ب -->
<path d="M0,170 L110,170 L110,290 L0,290 Z"/>
<path d="M0,170 L55,170 L55,230 L0,230 Z"/>
<!-- ب dot (below) -->
<circle cx="55" cy="320" r="12"/>
<!-- ا (in "ـاً") -->
<rect x="520" y="120" width="34" height="170"/>
<!-- tanween-like marks as two small circles (stylized) -->
<circle cx="565" cy="110" r="7"/>
<circle cx="585" cy="98" r="7"/>
</g>
<!-- Additional decorative sharp corner accents to enhance geometric calligraphy feel -->
<polygon points="70,250 90,230 110,250 90,270"/>
<polygon points="1090,250 1110,230 1130,250 1110,270"/>
</g>
</svg>