Files
boc/qx-aperture.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

118 lines
4.6 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<defs>
<radialGradient id="bg" cx="40%" cy="35%" r="65%">
<stop offset="0%" stop-color="#101C38"/>
<stop offset="100%" stop-color="#050B18"/>
</radialGradient>
<!-- X elektriskt blå -->
<linearGradient id="xg" x1="5%" y1="5%" x2="95%" y2="95%">
<stop offset="0%" stop-color="#80E8FF"/>
<stop offset="45%" stop-color="#0099FF"/>
<stop offset="100%" stop-color="#0044CC"/>
</linearGradient>
<!-- Aperturblad -->
<linearGradient id="blade" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#1C3060"/>
<stop offset="100%" stop-color="#0A1530"/>
</linearGradient>
<linearGradient id="bladeHL" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#3A5C99" stop-opacity="0.8"/>
<stop offset="100%" stop-color="#0A1530" stop-opacity="0"/>
</linearGradient>
<!-- Yttre ring -->
<linearGradient id="ring" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#2A4070"/>
<stop offset="50%" stop-color="#0E1E40"/>
<stop offset="100%" stop-color="#050A1A"/>
</linearGradient>
<!-- Glans -->
<radialGradient id="glare" cx="28%" cy="22%" r="48%">
<stop offset="0%" stop-color="#fff" stop-opacity="0.09"/>
<stop offset="100%" stop-color="#0033aa" stop-opacity="0"/>
</radialGradient>
<!-- Glow på X -->
<filter id="xglow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="b"/>
<feColorMatrix in="b" values="0 0 0 0 0 0 0 0 0 0.4 0 0 0 0 1 0 0 0 0.7 0" result="g"/>
<feMerge><feMergeNode in="g"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
<!-- Cirkel clip -->
<clipPath id="circ"><circle cx="256" cy="256" r="248"/></clipPath>
</defs>
<!-- ── BAKGRUND: cirkel — enkel, stark, skalbar ── -->
<circle cx="256" cy="256" r="248" fill="url(#bg)"/>
<!-- ── APERTURBLAD: 6 blad, kammarliknande ── -->
<!-- Varje blad är en tunnare sektion av cirkeln -->
<g clip-path="url(#circ)">
<!-- Blad 1: klockan 12 -->
<path d="M256,8 L320,80 L256,140 L192,80 Z" fill="url(#blade)"/>
<path d="M256,8 L320,80 L300,80 L256,20 Z" fill="url(#bladeHL)"/>
<!-- Blad 2: klockan 2 -->
<path d="M432,92 L440,186 L370,210 L330,128 Z" fill="url(#blade)"/>
<path d="M432,92 L440,186 L425,175 L420,98 Z" fill="url(#bladeHL)"/>
<!-- Blad 3: klockan 4 -->
<path d="M480,290 L406,348 L360,286 L416,214 Z" fill="url(#blade)"/>
<path d="M480,290 L406,348 L400,332 L468,276 Z" fill="url(#bladeHL)"/>
<!-- Blad 4: klockan 6 -->
<path d="M256,504 L192,432 L256,372 L320,432 Z" fill="url(#blade)"/>
<path d="M256,504 L192,432 L212,432 L256,492 Z" fill="url(#bladeHL)"/>
<!-- Blad 5: klockan 8 -->
<path d="M32,290 L106,214 L152,286 L96,348 Z" fill="url(#blade)"/>
<path d="M32,290 L106,214 L112,230 L44,304 Z" fill="url(#bladeHL)"/>
<!-- Blad 6: klockan 10 -->
<path d="M80,92 L182,128 L142,210 L72,186 Z" fill="url(#blade)"/>
<path d="M80,92 L182,128 L170,118 L92,100 Z" fill="url(#bladeHL)"/>
</g>
<!-- ── YTTRE RING ── -->
<circle cx="256" cy="256" r="248" fill="none" stroke="url(#ring)" stroke-width="18"/>
<!-- Highlight på ringen, övre-vänster -->
<path d="M 145 35 A 248 248 0 0 1 420 60"
fill="none" stroke="white" stroke-width="2.5" stroke-opacity="0.12" stroke-linecap="round"/>
<!-- ── INRE CIRKEL (linsen) ── -->
<circle cx="256" cy="256" r="162" fill="#060E1E"/>
<!-- Tunn inner-ring -->
<circle cx="256" cy="256" r="162" fill="none" stroke="#1A3060" stroke-width="4"/>
<!-- ── X I LINSEN — tjockt, klart, skalbart ── -->
<!-- Armbredd: 60px. Enkelt, rent X utan gap i mitten -->
<g filter="url(#xglow)">
<!-- ARM \ -->
<polygon
points="124,124 184,124 388,388 328,388"
fill="url(#xg)"/>
<!-- ARM / -->
<polygon
points="388,124 328,124 124,388 184,388"
fill="url(#xg)"/>
</g>
<!-- Mittglans på X-korsningen -->
<circle cx="256" cy="256" r="14" fill="#AAF0FF" opacity="0.3"/>
<circle cx="256" cy="256" r="5" fill="#E0FAFF" opacity="0.7"/>
<!-- ── GLANSÖVERLAGER ── -->
<circle cx="256" cy="256" r="248" fill="url(#glare)"/>
<!-- ── RING APERTUR-MÄRKEN ── -->
<g fill="#2A4A88" opacity="0.85">
<circle cx="256" cy="8" r="5"/>
<circle cx="490" cy="162" r="5"/>
<circle cx="490" cy="350" r="5"/>
<circle cx="256" cy="504" r="5"/>
<circle cx="22" cy="350" r="5"/>
<circle cx="22" cy="162" r="5"/>
</g>
</svg>