Files
boc/qx-logo-v2.svg
T
Bernt bae705aa97 ARCHITECTURE: NFC roadmap, edge AI, audit logging
- Add NFC ePassport roadmap (ICAO 9303, eIDAS)
- Add TensorFlow.js edge face detection (BlazeFace)
- Add structured audit logger (GDPR-compliant)
- Risk scoring support

Part of KYC Apple Native UX v1.1.0
2026-06-29 16:24:48 +00:00

109 lines
4.3 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<defs>
<!-- Bakgrund: nästan svart med blå ton -->
<radialGradient id="bg" cx="40%" cy="30%" r="75%">
<stop offset="0%" stop-color="#0d1829"/>
<stop offset="100%" stop-color="#040810"/>
</radialGradient>
<!-- X: isblå gradient med stark highlight (3D-bevel) -->
<linearGradient id="xTop" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#8DDFFF"/>
<stop offset="30%" stop-color="#1A9FFF"/>
<stop offset="70%" stop-color="#005CC8"/>
<stop offset="100%" stop-color="#00287A"/>
</linearGradient>
<!-- X skuggsida (underkant av 3D-arm) -->
<linearGradient id="xShade" x1="100%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#003A9A"/>
<stop offset="100%" stop-color="#001040"/>
</linearGradient>
<!-- Highlight-kant längs övre vänster kant av X-armarna -->
<linearGradient id="xEdge" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#C8EEFF" stop-opacity="0.9"/>
<stop offset="100%" stop-color="#60BBFF" stop-opacity="0"/>
</linearGradient>
<!-- Subtil glow -->
<filter id="glow" x="-15%" y="-15%" width="130%" height="130%">
<feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur"/>
<feColorMatrix in="blur" type="matrix"
values="0 0 0 0 0.1 0 0 0 0 0.5 0 0 0 0 1 0 0 0 0.55 0" result="c"/>
<feMerge><feMergeNode in="c"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
<!-- Skuggfilter för djup -->
<filter id="depth">
<feDropShadow dx="0" dy="12" stdDeviation="20" flood-color="#000814" flood-opacity="0.8"/>
</filter>
</defs>
<!-- ── BAKGRUND: Octagonal form — UNIK, inte kvadrat, inte cirkel ── -->
<!-- Oktagon: 8-kantig, clippad form -->
<polygon
points="150,28 362,28 484,150 484,362 362,484 150,484 28,362 28,150"
fill="url(#bg)" filter="url(#depth)"/>
<!-- Subtil kant-highlight på oktagonens övre-vänstra sidor -->
<polyline
points="150,28 362,28 484,150"
fill="none" stroke="white" stroke-width="2" stroke-opacity="0.08" stroke-linejoin="round"/>
<!-- ── X — KÄRNSYMBOL ──
X:et byggs av 4 rektangulära armar roterade 45° och -45°
Varje arm har en framsida (ljus) och en skuggsida (mörk) = 3D-prisma-effekt
-->
<!-- ARM 1: övre-vänster till nedre-höger (\ diagonal) — framsida -->
<polygon
points="100,100 190,100 400,400 310,400"
fill="url(#xTop)"
filter="url(#glow)"/>
<!-- ARM 1: \ diagonal — övre kant (bevel highlight) -->
<polygon
points="100,100 190,100 215,125 125,125"
fill="url(#xEdge)" opacity="0.7"/>
<!-- ARM 2: övre-höger till nedre-vänster (/ diagonal) — framsida -->
<polygon
points="412,100 322,100 112,400 202,400"
fill="url(#xTop)"
filter="url(#glow)"/>
<!-- ARM 2: / diagonal — övre kant (bevel highlight) -->
<polygon
points="412,100 322,100 297,125 387,125"
fill="url(#xEdge)" opacity="0.7"/>
<!-- ── MITTDEL: överlapp av de två armarna — mörkare för djup ── -->
<!-- Exakt mittpunkt-polygon där armarna korsar -->
<polygon
points="200,200 256,256 200,312 145,256"
fill="#0044AA" opacity="0.4"/>
<polygon
points="312,200 367,256 312,312 256,256"
fill="#0044AA" opacity="0.4"/>
<!-- Mittmarkör: liten ljuspunkt i korsningspunkten -->
<circle cx="256" cy="256" r="18" fill="#60CFFF" opacity="0.15"/>
<circle cx="256" cy="256" r="7" fill="#A0E8FF" opacity="0.5"/>
<!-- ── LINS-CIRCLE: tunn ring runt X — apertur-signal ── -->
<!-- Yttre ring, smal och subtil -->
<circle cx="256" cy="256" r="218"
fill="none" stroke="#1A3A6A" stroke-width="3" stroke-opacity="0.6"/>
<!-- Highlight på ringen, övre-vänster sektor -->
<path d="M 256 38 A 218 218 0 0 1 448 148"
fill="none" stroke="white" stroke-width="2" stroke-opacity="0.12"
stroke-linecap="round"/>
<!-- ── 4 SMÅ APERTUR-PUNKTER på ringen, kompassriktningar ── -->
<circle cx="256" cy="38" r="5" fill="#1A6ABB" opacity="0.9"/>
<circle cx="474" cy="256" r="5" fill="#1A6ABB" opacity="0.9"/>
<circle cx="256" cy="474" r="5" fill="#1A6ABB" opacity="0.9"/>
<circle cx="38" cy="256" r="5" fill="#1A6ABB" opacity="0.9"/>
</svg>