44 lines
4.3 KiB
XML
44 lines
4.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="900" viewBox="0 0 1440 900" role="img" aria-labelledby="title desc">
|
|
<title id="title">VacatureRadar dashboard wireframe</title>
|
|
<desc id="desc">Licht dashboard met navigatie, statistieken en twee vacaturekaarten.</desc>
|
|
<rect width="1440" height="900" fill="#f4f6f8"/>
|
|
<rect x="0" y="0" width="1440" height="84" fill="#ffffff"/>
|
|
<text x="72" y="52" font-family="system-ui, sans-serif" font-size="27" font-weight="700" fill="#17202a">VacatureRadar</text>
|
|
<g font-family="system-ui, sans-serif" font-size="16" fill="#52606d">
|
|
<text x="700" y="50">Vandaag</text><text x="790" y="50">Vacatures</text><text x="895" y="50">Sollicitaties</text><text x="1010" y="50">Profiel</text><text x="1085" y="50">Bronnen</text><text x="1175" y="50">Systeem</text>
|
|
</g>
|
|
<rect x="695" y="62" width="67" height="3" rx="1.5" fill="#2b6cb0"/>
|
|
<text x="100" y="150" font-family="system-ui, sans-serif" font-size="38" font-weight="750" fill="#17202a">Vandaag</text>
|
|
<text x="100" y="184" font-family="system-ui, sans-serif" font-size="18" fill="#66788a">Alleen vacatures die aandacht verdienen.</text>
|
|
<text x="1160" y="160" font-family="system-ui, sans-serif" font-size="14" fill="#7b8794">Laatste update 07:31</text>
|
|
<g font-family="system-ui, sans-serif">
|
|
<g transform="translate(100 225)"><rect width="275" height="100" rx="14" fill="#fff" stroke="#dde3e9"/><text x="22" y="38" font-size="14" fill="#6b7785">NIEUW VANDAAG</text><text x="22" y="75" font-size="30" font-weight="700" fill="#17202a">3</text></g>
|
|
<g transform="translate(395 225)"><rect width="275" height="100" rx="14" fill="#fff" stroke="#dde3e9"/><text x="22" y="38" font-size="14" fill="#6b7785">ACTIEVE VACATURES</text><text x="22" y="75" font-size="30" font-weight="700" fill="#17202a">128</text></g>
|
|
<g transform="translate(690 225)"><rect width="275" height="100" rx="14" fill="#fff" stroke="#dde3e9"/><text x="22" y="38" font-size="14" fill="#6b7785">OPEN DOSSIERS</text><text x="22" y="75" font-size="30" font-weight="700" fill="#17202a">2</text></g>
|
|
<g transform="translate(985 225)"><rect width="275" height="100" rx="14" fill="#fff" stroke="#dde3e9"/><text x="22" y="38" font-size="14" fill="#6b7785">BRONNEN MET AANDACHT</text><text x="22" y="75" font-size="30" font-weight="700" fill="#9c4221">1</text></g>
|
|
</g>
|
|
<g transform="translate(100 365)" font-family="system-ui, sans-serif">
|
|
<rect width="1160" height="230" rx="18" fill="#ffffff" stroke="#d9e1e8"/>
|
|
<rect x="24" y="24" width="128" height="30" rx="15" fill="#e8f5ec"/>
|
|
<text x="40" y="44" font-size="13" font-weight="700" fill="#276749">STERKE MATCH</text>
|
|
<text x="1020" y="50" font-size="28" font-weight="750" fill="#17202a">88/100</text>
|
|
<text x="24" y="92" font-size="27" font-weight="750" fill="#17202a">Infrastructure Engineer</text>
|
|
<text x="24" y="122" font-size="16" fill="#5e6c7a">Example IT · Hasselt · Hybride · Voltijds</text>
|
|
<text x="24" y="158" font-size="15" fill="#2f855a">+ Rechtstreekse werkgeversbron</text>
|
|
<text x="24" y="184" font-size="15" fill="#2f855a">+ Microsoft 365 en VMware teruggevonden</text>
|
|
<text x="430" y="158" font-size="15" fill="#9c6b1b">! Salaris of barema niet vermeld</text>
|
|
<rect x="800" y="170" width="120" height="38" rx="8" fill="#2b6cb0"/><text x="825" y="195" font-size="15" font-weight="650" fill="#fff">Bekijken</text>
|
|
<rect x="934" y="170" width="100" height="38" rx="8" fill="#edf2f7"/><text x="950" y="195" font-size="15" fill="#2d3748">Bewaren</text>
|
|
<rect x="1048" y="170" width="88" height="38" rx="8" fill="#edf2f7"/><text x="1064" y="195" font-size="15" fill="#2d3748">Verberg</text>
|
|
</g>
|
|
<g transform="translate(100 625)" font-family="system-ui, sans-serif">
|
|
<rect width="1160" height="180" rx="18" fill="#ffffff" stroke="#d9e1e8"/>
|
|
<rect x="24" y="24" width="145" height="30" rx="15" fill="#fff5df"/>
|
|
<text x="40" y="44" font-size="13" font-weight="700" fill="#8a5b12">MOGELIJKE MATCH</text>
|
|
<text x="1020" y="50" font-size="28" font-weight="750" fill="#17202a">72/100</text>
|
|
<text x="24" y="92" font-size="25" font-weight="750" fill="#17202a">ICT Systeembeheerder</text>
|
|
<text x="24" y="122" font-size="16" fill="#5e6c7a">Publieke organisatie · Genk · Op locatie</text>
|
|
<text x="24" y="153" font-size="15" fill="#2f855a">+ Publieke sector en passende regio</text>
|
|
</g>
|
|
</svg>
|