69 lines
3.5 KiB
XML
69 lines
3.5 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-label="businesscard-qrcode standard layout blueprint">
|
||
|
|
<defs>
|
||
|
|
<style>
|
||
|
|
.bg { fill:#f4f6fb; }
|
||
|
|
.card { fill:#ffffff; stroke:#1f2a44; stroke-width:3; }
|
||
|
|
.area { fill:#f9fbff; stroke:#44516f; stroke-width:2; }
|
||
|
|
.sub { fill:#eef3ff; stroke:#5f6f95; stroke-width:1.5; }
|
||
|
|
.line { stroke:#1f2a44; stroke-width:2.5; }
|
||
|
|
.h1 { font: 700 30px 'DejaVu Sans', Arial, sans-serif; fill:#18233b; }
|
||
|
|
.h2 { font: 700 22px 'DejaVu Sans', Arial, sans-serif; fill:#243454; }
|
||
|
|
.txt { font: 500 17px 'DejaVu Sans', Arial, sans-serif; fill:#243454; }
|
||
|
|
.small { font: 500 15px 'DejaVu Sans', Arial, sans-serif; fill:#31456f; }
|
||
|
|
.mono { font: 500 14px 'DejaVu Sans Mono', Consolas, monospace; fill:#31456f; }
|
||
|
|
.center { text-anchor: middle; dominant-baseline: middle; }
|
||
|
|
</style>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<rect class="bg" x="0" y="0" width="1200" height="760" />
|
||
|
|
|
||
|
|
<text class="h1" x="600" y="50" text-anchor="middle">Standard Layout (Normalfall: header + qr + qrfirst)</text>
|
||
|
|
|
||
|
|
<rect class="card" x="60" y="80" width="1080" height="620" rx="8" />
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<rect class="area" x="90" y="110" width="1020" height="170" rx="4" />
|
||
|
|
<text class="h2" x="600" y="136" text-anchor="middle">Header Block</text>
|
||
|
|
|
||
|
|
<rect class="sub" x="112" y="150" width="230" height="108" rx="4" />
|
||
|
|
<text class="txt center" x="227" y="190">Optional Name-Logo</text>
|
||
|
|
<text class="mono center" x="227" y="220">\logo{...}</text>
|
||
|
|
|
||
|
|
<rect class="sub" x="360" y="150" width="728" height="48" rx="4" />
|
||
|
|
<text class="txt center" x="724" y="174">Name Line: honoricprefix + givennames + additionalnames + familynames + honoricsuffix</text>
|
||
|
|
|
||
|
|
<rect class="sub" x="360" y="208" width="728" height="50" rx="4" />
|
||
|
|
<text class="txt center" x="724" y="233">Second line: title/role + [companylogo] + company</text>
|
||
|
|
|
||
|
|
<line class="line" x1="90" y1="290" x2="1110" y2="290" />
|
||
|
|
<text class="small" x="1110" y="284" text-anchor="end">Separator line (only if header=true)</text>
|
||
|
|
|
||
|
|
<!-- Body -->
|
||
|
|
<rect class="area" x="90" y="310" width="1020" height="330" rx="4" />
|
||
|
|
<text class="h2" x="600" y="336" text-anchor="middle">Main Body Block</text>
|
||
|
|
|
||
|
|
<rect class="sub" x="112" y="350" width="420" height="270" rx="4" />
|
||
|
|
<text class="txt center" x="322" y="385">QR Column (qrwidth)</text>
|
||
|
|
<rect class="area" x="150" y="410" width="300" height="190" rx="4" />
|
||
|
|
<text class="txt center" x="300" y="480">QR code</text>
|
||
|
|
<text class="small center" x="300" y="508">optional \qrlogo</text>
|
||
|
|
|
||
|
|
<rect class="sub" x="548" y="350" width="540" height="270" rx="4" />
|
||
|
|
<text class="txt center" x="818" y="385">Text Column (textwidth)</text>
|
||
|
|
|
||
|
|
<rect class="area" x="570" y="410" width="496" height="90" rx="4" />
|
||
|
|
<text class="txt center" x="818" y="442">Address block (optional)</text>
|
||
|
|
<text class="small center" x="818" y="468">Map icon + address lines (hidden if no visible address)</text>
|
||
|
|
|
||
|
|
<rect class="area" x="570" y="510" width="496" height="92" rx="4" />
|
||
|
|
<text class="txt center" x="818" y="545">Contact/Social lines</text>
|
||
|
|
<text class="small center" x="818" y="571">icon | hint | value formatting options</text>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<rect class="area" x="90" y="648" width="1020" height="34" rx="4" />
|
||
|
|
<text class="txt center" x="600" y="665">Optional Footer: pgpfingerprint</text>
|
||
|
|
|
||
|
|
<!-- Notes -->
|
||
|
|
<text class="small" x="90" y="726">Swap sides with textfirst. Remove QR with noqr. Remove header with noheader.</text>
|
||
|
|
</svg>
|