Initial commit
This commit is contained in:
167
public/assets/hero-dashboard.svg
Normal file
167
public/assets/hero-dashboard.svg
Normal file
@@ -0,0 +1,167 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" width="600" height="400">
|
||||
<defs>
|
||||
<style>
|
||||
.bg { fill: #1e2840; }
|
||||
.panel { fill: #111829; stroke: rgba(100,140,200,0.18); stroke-width: 1; }
|
||||
.panel-dark { fill: #0b0f1c; stroke: rgba(100,140,200,0.12); stroke-width: 1; }
|
||||
.accent { fill: #4d8fd4; }
|
||||
.accent-dim { fill: rgba(77,143,212,0.15); }
|
||||
.bar-1 { fill: #4d8fd4; }
|
||||
.bar-2 { fill: rgba(77,143,212,0.5); }
|
||||
.bar-3 { fill: rgba(77,143,212,0.3); }
|
||||
.line-color { stroke: #4d8fd4; stroke-width: 1.5; fill: none; }
|
||||
.line-dim { stroke: rgba(77,143,212,0.35); stroke-width: 1; fill: none; }
|
||||
.txt-primary { fill: #ddd8d0; font-family: IBM Plex Mono, monospace; }
|
||||
.txt-secondary { fill: #8799bb; font-family: IBM Plex Mono, monospace; }
|
||||
.txt-dim { fill: #5a6e90; font-family: IBM Plex Mono, monospace; }
|
||||
.dot { fill: #4d8fd4; }
|
||||
.dot-empty { fill: none; stroke: #4d8fd4; stroke-width: 1.5; }
|
||||
.grid-line { stroke: rgba(100,140,200,0.08); stroke-width: 1; }
|
||||
.badge { fill: rgba(77,143,212,0.15); }
|
||||
.badge-border { fill: none; stroke: #2e5fa3; stroke-width: 1; }
|
||||
.positive { fill: #1d9e75; }
|
||||
.negative { fill: #e24b4a; }
|
||||
</style>
|
||||
</defs>
|
||||
|
||||
<!-- Background -->
|
||||
<rect width="600" height="400" class="bg" rx="8"/>
|
||||
|
||||
<!-- Header bar -->
|
||||
<rect x="0" y="0" width="600" height="44" fill="#0b0f1c" rx="8"/>
|
||||
<rect x="0" y="36" width="600" height="8" fill="#0b0f1c"/>
|
||||
|
||||
<!-- Header dots -->
|
||||
<circle cx="20" cy="22" r="4" fill="#2e5fa3" opacity="0.6"/>
|
||||
<circle cx="34" cy="22" r="4" fill="#2e5fa3" opacity="0.4"/>
|
||||
<circle cx="48" cy="22" r="4" fill="#2e5fa3" opacity="0.2"/>
|
||||
|
||||
<!-- Header label -->
|
||||
<text x="72" y="27" class="txt-dim" font-size="10" letter-spacing="2">SMARTDB — ANALYTICS DASHBOARD</text>
|
||||
|
||||
<!-- Badge live -->
|
||||
<rect x="510" y="13" width="70" height="18" class="badge" rx="9"/>
|
||||
<rect x="510" y="13" width="70" height="18" class="badge-border" rx="9"/>
|
||||
<circle cx="522" cy="22" r="3" fill="#1d9e75"/>
|
||||
<text x="530" y="26" class="txt-secondary" font-size="9" letter-spacing="1">LIVE</text>
|
||||
|
||||
<!-- ===== KPI CARDS ROW ===== -->
|
||||
<!-- Card 1 -->
|
||||
<rect x="16" y="56" width="128" height="68" class="panel" rx="4"/>
|
||||
<text x="26" y="74" class="txt-dim" font-size="8" letter-spacing="1.5">PE RATIO</text>
|
||||
<text x="26" y="96" class="txt-primary" font-size="22" font-weight="300">14.32</text>
|
||||
<text x="26" y="113" fill="#1d9e75" font-family="IBM Plex Mono,monospace" font-size="9">▲ +0.8%</text>
|
||||
|
||||
<!-- Card 2 -->
|
||||
<rect x="156" y="56" width="128" height="68" class="panel" rx="4"/>
|
||||
<text x="166" y="74" class="txt-dim" font-size="8" letter-spacing="1.5">DIV YIELD</text>
|
||||
<text x="166" y="96" class="txt-primary" font-size="22" font-weight="300">3.87%</text>
|
||||
<text x="166" y="113" fill="#1d9e75" font-family="IBM Plex Mono,monospace" font-size="9">▲ +0.2%</text>
|
||||
|
||||
<!-- Card 3 -->
|
||||
<rect x="296" y="56" width="128" height="68" class="panel" rx="4"/>
|
||||
<text x="306" y="74" class="txt-dim" font-size="8" letter-spacing="1.5">VOLATILITY 1Y</text>
|
||||
<text x="306" y="96" class="txt-primary" font-size="22" font-weight="300">0.218</text>
|
||||
<text x="306" y="113" fill="#e24b4a" font-family="IBM Plex Mono,monospace" font-size="9">▼ -0.012</text>
|
||||
|
||||
<!-- Card 4 -->
|
||||
<rect x="436" y="56" width="148" height="68" class="panel" rx="4"/>
|
||||
<text x="446" y="74" class="txt-dim" font-size="8" letter-spacing="1.5">ESG SCORE</text>
|
||||
<text x="446" y="96" class="txt-primary" font-size="22" font-weight="300">72</text>
|
||||
<text x="446" y="113" class="txt-dim" font-family="IBM Plex Mono,monospace" font-size="9">stable</text>
|
||||
|
||||
<!-- ===== CHART PANEL - LINE ===== -->
|
||||
<rect x="16" y="136" width="348" height="160" class="panel-dark" rx="4"/>
|
||||
<text x="26" y="153" class="txt-dim" font-size="8" letter-spacing="1.5">PRICE INDEX — 12M</text>
|
||||
|
||||
<!-- Grid lines -->
|
||||
<line x1="26" y1="166" x2="354" y2="166" class="grid-line"/>
|
||||
<line x1="26" y1="186" x2="354" y2="186" class="grid-line"/>
|
||||
<line x1="26" y1="206" x2="354" y2="206" class="grid-line"/>
|
||||
<line x1="26" y1="226" x2="354" y2="226" class="grid-line"/>
|
||||
<line x1="26" y1="246" x2="354" y2="246" class="grid-line"/>
|
||||
<line x1="26" y1="266" x2="354" y2="266" class="grid-line"/>
|
||||
<line x1="26" y1="284" x2="354" y2="284" class="grid-line"/>
|
||||
|
||||
<!-- Y labels -->
|
||||
<text x="20" y="169" class="txt-dim" font-size="8" text-anchor="end">120</text>
|
||||
<text x="20" y="209" class="txt-dim" font-size="8" text-anchor="end">110</text>
|
||||
<text x="20" y="249" class="txt-dim" font-size="8" text-anchor="end">100</text>
|
||||
<text x="20" y="287" class="txt-dim" font-size="8" text-anchor="end">90</text>
|
||||
|
||||
<!-- Area fill -->
|
||||
<path d="M30 260 L60 248 L90 238 L120 252 L150 240 L180 228 L210 218 L240 208 L270 196 L300 186 L330 174 L354 168 L354 284 L30 284 Z" fill="rgba(77,143,212,0.07)"/>
|
||||
|
||||
<!-- Line chart -->
|
||||
<path d="M30 260 L60 248 L90 238 L120 252 L150 240 L180 228 L210 218 L240 208 L270 196 L300 186 L330 174 L354 168" class="line-color" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
|
||||
<!-- Dot at end -->
|
||||
<circle cx="354" cy="168" r="3.5" class="dot"/>
|
||||
|
||||
<!-- X labels -->
|
||||
<text x="30" y="296" class="txt-dim" font-size="7" text-anchor="middle">Gen</text>
|
||||
<text x="90" y="296" class="txt-dim" font-size="7" text-anchor="middle">Mar</text>
|
||||
<text x="150" y="296" class="txt-dim" font-size="7" text-anchor="middle">Mag</text>
|
||||
<text x="210" y="296" class="txt-dim" font-size="7" text-anchor="middle">Lug</text>
|
||||
<text x="270" y="296" class="txt-dim" font-size="7" text-anchor="middle">Set</text>
|
||||
<text x="330" y="296" class="txt-dim" font-size="7" text-anchor="middle">Nov</text>
|
||||
|
||||
<!-- ===== BAR CHART PANEL ===== -->
|
||||
<rect x="376" y="136" width="208" height="160" class="panel-dark" rx="4"/>
|
||||
<text x="386" y="153" class="txt-dim" font-size="8" letter-spacing="1.5">ASSET CLASS MIX</text>
|
||||
|
||||
<!-- Bars -->
|
||||
<rect x="390" y="248" width="22" height="26" class="bar-1" rx="2"/>
|
||||
<rect x="390" y="196" width="22" height="52" class="bar-1" opacity="0.85" rx="2"/>
|
||||
<rect x="390" y="176" width="22" height="20" class="bar-1" opacity="0.6" rx="2"/>
|
||||
|
||||
<rect x="428" y="236" width="22" height="38" class="bar-2" rx="2"/>
|
||||
<rect x="428" y="204" width="22" height="32" class="bar-2" opacity="0.85" rx="2"/>
|
||||
<rect x="428" y="190" width="22" height="14" class="bar-2" opacity="0.7" rx="2"/>
|
||||
|
||||
<rect x="466" y="250" width="22" height="24" class="bar-3" rx="2"/>
|
||||
<rect x="466" y="220" width="22" height="30" class="bar-3" opacity="0.85" rx="2"/>
|
||||
<rect x="466" y="206" width="22" height="14" class="bar-3" opacity="0.7" rx="2"/>
|
||||
|
||||
<rect x="504" y="242" width="22" height="32" class="bar-1" opacity="0.4" rx="2"/>
|
||||
<rect x="504" y="218" width="22" height="24" class="bar-1" opacity="0.3" rx="2"/>
|
||||
|
||||
<!-- X labels bar -->
|
||||
<text x="401" y="290" class="txt-dim" font-size="7" text-anchor="middle">Equity</text>
|
||||
<text x="439" y="290" class="txt-dim" font-size="7" text-anchor="middle">Bond</text>
|
||||
<text x="477" y="290" class="txt-dim" font-size="7" text-anchor="middle">Fund</text>
|
||||
<text x="515" y="290" class="txt-dim" font-size="7" text-anchor="middle">Deriv</text>
|
||||
|
||||
<!-- ===== INSTRUMENT TABLE ===== -->
|
||||
<rect x="16" y="308" width="568" height="76" class="panel-dark" rx="4"/>
|
||||
<text x="26" y="325" class="txt-dim" font-size="8" letter-spacing="1.5">INSTRUMENTS — ENRICHED DATA</text>
|
||||
|
||||
<!-- Table header -->
|
||||
<rect x="16" y="329" width="568" height="1" fill="rgba(100,140,200,0.12)"/>
|
||||
<text x="30" y="342" class="txt-dim" font-size="8">ISIN</text>
|
||||
<text x="150" y="342" class="txt-dim" font-size="8">NAME</text>
|
||||
<text x="300" y="342" class="txt-dim" font-size="8">CLASS</text>
|
||||
<text x="380" y="342" class="txt-dim" font-size="8">P/E</text>
|
||||
<text x="440" y="342" class="txt-dim" font-size="8">YIELD</text>
|
||||
<text x="520" y="342" class="txt-dim" font-size="8">ESG</text>
|
||||
<rect x="16" y="345" width="568" height="1" fill="rgba(100,140,200,0.08)"/>
|
||||
|
||||
<!-- Row 1 -->
|
||||
<text x="30" y="358" class="txt-secondary" font-size="9" font-family="IBM Plex Mono,monospace">IT0005365165</text>
|
||||
<text x="150" y="358" class="txt-primary" font-size="9">ENI S.p.A.</text>
|
||||
<text x="300" y="358" class="accent" font-size="9" font-family="IBM Plex Mono,monospace" fill="#4d8fd4">equity</text>
|
||||
<text x="380" y="358" class="txt-secondary" font-size="9">14.32</text>
|
||||
<text x="440" y="358" class="txt-secondary" font-size="9">3.87%</text>
|
||||
<text x="520" y="358" fill="#1d9e75" font-family="IBM Plex Mono,monospace" font-size="9">72</text>
|
||||
|
||||
<!-- Row 2 -->
|
||||
<text x="30" y="374" class="txt-secondary" font-size="9" font-family="IBM Plex Mono,monospace">IT0004965148</text>
|
||||
<text x="150" y="374" class="txt-primary" font-size="9">Intesa Sanpaolo</text>
|
||||
<text x="300" y="374" class="accent" font-size="9" font-family="IBM Plex Mono,monospace" fill="#4d8fd4">equity</text>
|
||||
<text x="380" y="374" class="txt-secondary" font-size="9">11.08</text>
|
||||
<text x="440" y="374" class="txt-secondary" font-size="9">5.21%</text>
|
||||
<text x="520" y="374" fill="#1d9e75" font-family="IBM Plex Mono,monospace" font-size="9">68</text>
|
||||
|
||||
<!-- Separator rows -->
|
||||
<rect x="16" y="362" width="568" height="1" fill="rgba(100,140,200,0.05)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.1 KiB |
BIN
public/assets/logo.jpg
Normal file
BIN
public/assets/logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
public/assets/logo.png
Normal file
BIN
public/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 214 KiB |
Reference in New Issue
Block a user