slidev-theme-measurelab 0.1.0

package/public/services-analytics-bg.svg

@@ -0,0 +1,101 @@
+<svg width="1920" height="2069" viewBox="0 0 1920 2069" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_2598_27689" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="420" y="0" width="1080" height="1809">
+<rect x="1500" width="1809" height="1080" transform="rotate(90 1500 0)" fill="url(#paint0_linear_2598_27689)"/>
+</mask>
+<g mask="url(#mask0_2598_27689)">
+<mask id="mask1_2598_27689" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="420" y="0" width="1080" height="2000">
+<rect x="1500" width="2000" height="1080" transform="rotate(90 1500 0)" fill="url(#paint1_linear_2598_27689)"/>
+</mask>
+<g mask="url(#mask1_2598_27689)">
+<rect x="1500" y="-129" width="1920" height="1" transform="rotate(90 1500 -129)" fill="#ECECEC"/>
+<rect x="1423" y="-129" width="1920" height="1" transform="rotate(90 1423 -129)" fill="#ECECEC"/>
+<rect x="1346" y="-129" width="1920" height="1" transform="rotate(90 1346 -129)" fill="#ECECEC"/>
+<rect x="1269" y="-129" width="1920" height="1" transform="rotate(90 1269 -129)" fill="#ECECEC"/>
+<rect x="1192" y="-129" width="1920" height="1" transform="rotate(90 1192 -129)" fill="#ECECEC"/>
+<rect x="1115" y="-129" width="1920" height="1" transform="rotate(90 1115 -129)" fill="#ECECEC"/>
+<rect x="1038" y="-129" width="1920" height="1" transform="rotate(90 1038 -129)" fill="#ECECEC"/>
+<rect x="961.001" y="-129" width="1920" height="1" transform="rotate(90 961.001 -129)" fill="#ECECEC"/>
+<rect x="884.001" y="-129" width="1920" height="1" transform="rotate(90 884.001 -129)" fill="#ECECEC"/>
+<rect x="807.001" y="-129" width="1920" height="1" transform="rotate(90 807.001 -129)" fill="#ECECEC"/>
+<rect x="730.001" y="-129" width="1920" height="1" transform="rotate(90 730.001 -129)" fill="#ECECEC"/>
+<rect x="653.001" y="-129" width="1920" height="1" transform="rotate(90 653.001 -129)" fill="#ECECEC"/>
+<rect x="576.001" y="-129" width="1920" height="1" transform="rotate(90 576.001 -129)" fill="#ECECEC"/>
+<rect x="499.001" y="-129" width="1920" height="1" transform="rotate(90 499.001 -129)" fill="#ECECEC"/>
+<rect x="1532" y="61" width="1" height="1080" transform="rotate(90 1532 61)" fill="#ECECEC"/>
+<rect x="1532" y="138" width="1" height="1080" transform="rotate(90 1532 138)" fill="#ECECEC"/>
+<rect x="1532" y="215" width="1" height="1080" transform="rotate(90 1532 215)" fill="#ECECEC"/>
+<rect x="1532" y="292" width="1" height="1080" transform="rotate(90 1532 292)" fill="#ECECEC"/>
+<rect x="1532" y="369" width="1" height="1080" transform="rotate(90 1532 369)" fill="#ECECEC"/>
+<rect x="1532" y="446" width="1" height="1080" transform="rotate(90 1532 446)" fill="#ECECEC"/>
+<rect x="1532" y="523" width="1" height="1080" transform="rotate(90 1532 523)" fill="#ECECEC"/>
+<rect x="1532" y="600" width="1" height="1080" transform="rotate(90 1532 600)" fill="#ECECEC"/>
+<rect x="1532" y="677" width="1" height="1080" transform="rotate(90 1532 677)" fill="#ECECEC"/>
+<rect x="1532" y="754" width="1" height="1080" transform="rotate(90 1532 754)" fill="#ECECEC"/>
+<rect x="1532" y="831" width="1" height="1080" transform="rotate(90 1532 831)" fill="#ECECEC"/>
+<rect x="1532" y="908" width="1" height="1080" transform="rotate(90 1532 908)" fill="#ECECEC"/>
+<rect x="1532" y="985" width="1" height="1080" transform="rotate(90 1532 985)" fill="#ECECEC"/>
+<rect x="1532" y="1062" width="1" height="1080" transform="rotate(90 1532 1062)" fill="#ECECEC"/>
+<rect x="1532" y="1139" width="1" height="1080" transform="rotate(90 1532 1139)" fill="#ECECEC"/>
+<rect x="1532" y="1216" width="1" height="1080" transform="rotate(90 1532 1216)" fill="#ECECEC"/>
+<rect x="1532" y="1293" width="1" height="1080" transform="rotate(90 1532 1293)" fill="#ECECEC"/>
+<rect x="1532" y="1370" width="1" height="1080" transform="rotate(90 1532 1370)" fill="#ECECEC"/>
+<rect x="1532" y="1447" width="1" height="1080" transform="rotate(90 1532 1447)" fill="#ECECEC"/>
+<rect x="1532" y="1524" width="1" height="1080" transform="rotate(90 1532 1524)" fill="#ECECEC"/>
+<rect x="1532" y="1601" width="1" height="1080" transform="rotate(90 1532 1601)" fill="#ECECEC"/>
+<rect x="1532" y="1678" width="1" height="1080" transform="rotate(90 1532 1678)" fill="#ECECEC"/>
+<rect x="1532" y="1755" width="1" height="1080" transform="rotate(90 1532 1755)" fill="#ECECEC"/>
+</g>
+</g>
+<mask id="mask2_2598_27689" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1650" y="369" width="271" height="1700">
+<rect x="1650" y="369" width="270" height="1700" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask2_2598_27689)">
+<path d="M1659 1216.34L1659 1217L1737 1217C1737.54 1344.12 1840.76 1447 1968 1447C2095.24 1447 2198.46 1344.12 2199 1217L2275 1217C2275 1387.1 2137.1 1525 1967 1525C1796.9 1525 1659 1387.1 1659 1217C1659 1216.78 1659 1216.56 1659 1216.34Z" fill="#F9F9F9"/>
+<circle cx="1967.5" cy="1216.5" r="308" transform="rotate(-90 1967.5 1216.5)" stroke="#70E45C"/>
+<circle cx="1967.5" cy="831.5" r="308" transform="rotate(-90 1967.5 831.5)" stroke="#70E45C"/>
+<circle cx="1967.5" cy="1599.5" r="308" transform="rotate(-90 1967.5 1599.5)" stroke="#70E45C"/>
+<circle cx="1967" cy="1216" r="230.5" transform="rotate(-90 1967 1216)" stroke="#70E45C"/>
+<circle cx="1967.5" cy="1062.5" r="77" transform="rotate(-90 1967.5 1062.5)" stroke="#70E45C"/>
+<circle cx="1967.5" cy="1370.5" r="77" transform="rotate(-90 1967.5 1370.5)" stroke="#70E45C"/>
+<circle cx="1967.5" cy="1986.5" r="76" transform="rotate(-90 1967.5 1986.5)" fill="#70E45C" stroke="#70E45C" stroke-width="3"/>
+<circle cx="1966.5" cy="446.5" r="77" transform="rotate(-90 1966.5 446.5)" stroke="#70E45C"/>
+<circle cx="1813.5" cy="1216.5" r="77" transform="rotate(-90 1813.5 1216.5)" stroke="#70E45C"/>
+<circle cx="1813.5" cy="1216.5" r="4.5" transform="rotate(-90 1813.5 1216.5)" fill="#FF8506"/>
+<circle cx="1967.5" cy="831.5" r="77" transform="rotate(-90 1967.5 831.5)" stroke="#70E45C"/>
+<circle cx="1967.5" cy="1601.5" r="77" transform="rotate(-90 1967.5 1601.5)" stroke="#70E45C"/>
+<circle cx="1967.5" cy="1217.5" r="77" transform="rotate(-90 1967.5 1217.5)" stroke="#70E45C"/>
+<circle cx="1852" cy="1602" r="38.5" transform="rotate(-90 1852 1602)" stroke="#70E45C"/>
+<circle cx="1851.5" cy="1601.5" r="4.5" transform="rotate(-90 1851.5 1601.5)" fill="#FF8506"/>
+<circle cx="1852" cy="832" r="38.5" transform="rotate(-90 1852 832)" stroke="#70E45C"/>
+<circle cx="1851.5" cy="831.5" r="4.5" transform="rotate(-90 1851.5 831.5)" fill="#FF8506"/>
+</g>
+<mask id="mask3_2598_27689" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="908" width="577" height="617">
+<rect y="908" width="577" height="617" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask3_2598_27689)">
+<circle cx="-270.5" cy="1216.5" r="308" stroke="#70E45C"/>
+<circle cx="114.5" cy="1216.5" r="308" stroke="#70E45C"/>
+<circle cx="499.5" cy="1216.5" r="77" stroke="#70E45C"/>
+<circle cx="499.5" cy="1216.5" r="4.5" fill="#FF8506"/>
+<circle cx="114.5" cy="1216.5" r="77" stroke="#70E45C"/>
+<circle cx="114.5" cy="1216.5" r="4.5" fill="#FF8506"/>
+<circle cx="114" cy="1101" r="38.5" stroke="#70E45C"/>
+<circle cx="114.5" cy="1100.5" r="4.5" fill="#FF8506"/>
+<circle cx="114" cy="1332" r="38.5" stroke="#70E45C"/>
+<circle cx="114.5" cy="1331.5" r="4.5" fill="#FF8506"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2598_27689" x1="3309" y1="515" x2="1500" y2="515" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9D9D9" stop-opacity="0"/>
+<stop offset="0.1" stop-color="#737373"/>
+<stop offset="0.8" stop-color="#737373"/>
+<stop offset="0.985" stop-color="#737373" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2598_27689" x1="2500" y1="0" x2="2500" y2="1080" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9D9D9" stop-opacity="0"/>
+<stop offset="0.36" stop-color="#737373"/>
+<stop offset="0.635" stop-color="#737373"/>
+<stop offset="0.985" stop-color="#737373" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/public/services-hero-background.svg

@@ -0,0 +1,39 @@
+<svg width="1920" height="650" viewBox="0 0 1920 650" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="301" cy="290" r="38.5" stroke="#70E45C"/>
+<circle cx="301.5" cy="289.5" r="4.5" fill="#FF8506"/>
+<circle cx="1846" cy="544" r="38.5" stroke="#70E45C"/>
+<circle cx="1846.5" cy="543.5" r="4.5" fill="#FF8506"/>
+<g filter="url(#filter0_f_2193_10952)">
+<circle cx="1846" cy="111" r="38.5" stroke="#70E45C"/>
+<circle cx="1846.5" cy="110.5" r="4.5" fill="#FF8506"/>
+</g>
+<g filter="url(#filter1_f_2193_10952)">
+<circle cx="147" cy="111" r="38.5" stroke="#70E45C"/>
+<circle cx="147.5" cy="110.5" r="4.5" fill="#FF8506"/>
+</g>
+<circle cx="420.5" cy="381.5" r="4.5" fill="#FF8506"/>
+<circle cx="153" cy="544" r="39" fill="#87E9FF"/>
+<circle cx="153.5" cy="543.5" r="4.5" fill="white"/>
+<g filter="url(#filter2_f_2193_10952)">
+<circle cx="1653.5" cy="310.5" r="77" stroke="#70E45C"/>
+<circle cx="1653.5" cy="310.5" r="4.5" fill="#FF8506"/>
+</g>
+<circle cx="1380" cy="104.5" r="4.5" fill="#FF8506"/>
+<defs>
+<filter id="filter0_f_2193_10952" x="1792" y="57" width="108" height="108" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_2193_10952"/>
+</filter>
+<filter id="filter1_f_2193_10952" x="93" y="57" width="108" height="108" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_2193_10952"/>
+</filter>
+<filter id="filter2_f_2193_10952" x="1571" y="228" width="165" height="165" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2193_10952"/>
+</filter>
+</defs>
+</svg>

package/public/services-hero.svg

@@ -0,0 +1,76 @@
+<svg width="1920" height="400" viewBox="0 0 1920 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_2291_27947" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="400">
+<rect width="1920" height="400" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_2291_27947)">
+<mask id="mask1_2291_27947" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="400">
+<rect width="1920" height="400" fill="url(#paint0_linear_2291_27947)"/>
+</mask>
+<g mask="url(#mask1_2291_27947)">
+<rect y="14" width="1920" height="1" fill="#ECECEC"/>
+<rect y="91" width="1920" height="1" fill="#ECECEC"/>
+<rect y="168" width="1920" height="1" fill="#ECECEC"/>
+<rect y="245" width="1920" height="1" fill="#ECECEC"/>
+<rect y="322" width="1920" height="1" fill="#ECECEC"/>
+<rect y="399" width="1920" height="1" fill="#ECECEC"/>
+<rect x="36" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="113" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="190" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="267" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="344" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="421" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="498" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="575" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="652" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="729" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="806" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="883" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="960" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1037" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1114" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1191" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1268" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1345" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1422" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1499" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1576" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1653" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1730" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1807" y="-172" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1884" y="-172" width="1" height="1080" fill="#ECECEC"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M345 399L421.002 399C421.541 271.882 524.756 169 652 169C779.244 169 882.459 271.882 882.998 399L961 399C961 228.896 823.104 91 653 91C482.896 91 345 228.896 345 399Z" fill="#F9F9F9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M960.999 400L1037 400C1037.54 272.882 1140.76 170 1268 170C1395.24 170 1498.46 272.882 1499 400L1577 400C1577 229.896 1439.1 92 1269 92C1098.9 92 961 229.896 960.999 400Z" fill="#F9F9F9"/>
+<circle cx="960.5" cy="399.5" r="308" stroke="#70E45C"/>
+<circle cx="229" cy="400" r="116" fill="#FFED48"/>
+<circle cx="229.5" cy="399.5" r="4.5" fill="white"/>
+<circle cx="1692" cy="400" r="116" fill="#FFED48"/>
+<circle cx="1692.5" cy="399.5" r="4.5" fill="white"/>
+<circle cx="1037.5" cy="399.5" r="77" stroke="#70E45C"/>
+<circle cx="1037.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<circle cx="883.5" cy="399.5" r="77" stroke="#70E45C"/>
+<circle cx="883.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<circle cx="1114.5" cy="399.5" r="77" stroke="#70E45C"/>
+<circle cx="1114.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<circle cx="806.5" cy="399.5" r="77" stroke="#70E45C"/>
+<circle cx="806.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<circle cx="575.5" cy="399.5" r="77" stroke="#70E45C"/>
+<circle cx="575.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<circle cx="960.5" cy="399.5" r="77" stroke="#70E45C"/>
+<circle cx="960.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<circle cx="575" cy="284" r="38.5" stroke="#70E45C"/>
+<circle cx="575.5" cy="283.5" r="4.5" fill="#FF8506"/>
+<circle cx="1345" cy="284" r="38.5" stroke="#70E45C"/>
+<circle cx="1345.5" cy="283.5" r="4.5" fill="#FF8506"/>
+<circle cx="883.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<circle cx="1037.5" cy="399.5" r="4.5" fill="#FF8506"/>
+<line x1="4.37114e-08" y1="399.5" x2="1920" y2="399.5" stroke="#ECECEC"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2291_27947" x1="960" y1="0" x2="960" y2="400" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9D9D9" stop-opacity="0"/>
+<stop offset="0.36" stop-color="#737373"/>
+<stop offset="0.635" stop-color="#737373"/>
+</linearGradient>
+</defs>
+</svg>

package/public/technology-background.svg

@@ -0,0 +1,71 @@
+<svg width="1920" height="400" viewBox="0 0 1920 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_2636_36304" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="400">
+<rect width="1920" height="400" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_2636_36304)">
+<mask id="mask1_2636_36304" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="400">
+<rect width="1920" height="400" fill="url(#paint0_linear_2636_36304)"/>
+</mask>
+<g mask="url(#mask1_2636_36304)">
+<rect y="15" width="1920" height="1" fill="#ECECEC"/>
+<rect y="92" width="1920" height="1" fill="#ECECEC"/>
+<rect y="169" width="1920" height="1" fill="#ECECEC"/>
+<rect y="246" width="1920" height="1" fill="#ECECEC"/>
+<rect y="323" width="1920" height="1" fill="#ECECEC"/>
+<rect x="36" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="113" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="190" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="267" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="344" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="421" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="498" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="575" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="652" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="729" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="806" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="883" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="960" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1037" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1114" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1191" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1268" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1345" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1422" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1499" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1576" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1653" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1730" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1807" y="-171" width="1" height="1080" fill="#ECECEC"/>
+<rect x="1884" y="-171" width="1" height="1080" fill="#ECECEC"/>
+</g>
+<path d="M575 170.003C447.882 170.542 345 273.756 345 401C345 528.244 447.882 631.457 575 631.996V708C404.896 708 267 570.104 267 400C267 229.896 404.896 92 575 92V170.003Z" fill="#F9F9F9"/>
+<path d="M1191 401C1190.46 273.882 1087.24 171 960 171C832.756 171 729.543 273.882 729.004 401L653 401C653 230.896 790.896 93 961 93C1131.1 93 1269 230.896 1269 401L1191 401Z" fill="#40FAA3"/>
+<path d="M1345 629.997C1472.12 629.458 1575 526.244 1575 399C1575 271.756 1472.12 168.543 1345 168.004L1345 92C1515.1 92 1653 229.896 1653 400C1653 570.104 1515.1 708 1345 708L1345 629.997Z" fill="#F9F9F9"/>
+<circle cx="960.5" cy="400.501" r="308" stroke="#70E45C"/>
+<circle cx="961" cy="400.001" r="230.5" stroke="#70E45C"/>
+<circle cx="1653.5" cy="400.501" r="77" stroke="#70E45C"/>
+<circle cx="1653.5" cy="400.501" r="4.5" fill="#FF8506"/>
+<circle cx="267.5" cy="400.5" r="77" stroke="#70E45C"/>
+<circle cx="267.5" cy="400.5" r="4.5" fill="#FF8506"/>
+<circle cx="960.5" cy="246.501" r="77" stroke="#70E45C"/>
+<circle cx="960.5" cy="246.501" r="4.5" fill="#FF8506"/>
+<circle cx="1345.5" cy="400.501" r="77" stroke="#70E45C"/>
+<circle cx="1345.5" cy="400.501" r="4.5" fill="#FF8506"/>
+<circle cx="575.5" cy="400.501" r="77" stroke="#70E45C"/>
+<circle cx="575.5" cy="400.501" r="4.5" fill="#FF8506"/>
+<circle cx="959.5" cy="400.501" r="77" stroke="#70E45C"/>
+<circle cx="959.5" cy="400.501" r="4.5" fill="#FF8506"/>
+<circle cx="575" cy="285.001" r="38.5" stroke="#70E45C"/>
+<circle cx="575.5" cy="284.501" r="4.5" fill="#FF8506"/>
+<circle cx="1345" cy="285.001" r="38.5" stroke="#70E45C"/>
+<circle cx="1345.5" cy="284.501" r="4.5" fill="#FF8506"/>
+<line x1="4.37114e-08" y1="399.5" x2="1920" y2="399.5" stroke="#ECECEC"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2636_36304" x1="960" y1="0" x2="960" y2="400" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9D9D9" stop-opacity="0"/>
+<stop offset="0.36" stop-color="#737373"/>
+<stop offset="0.635" stop-color="#737373"/>
+</linearGradient>
+</defs>
+</svg>

package/setup/unocss.ts

@@ -0,0 +1,68 @@
+import type { UserConfig } from 'unocss'
+
+export default function setupUnocss(): UserConfig {
+  return {
+    shortcuts: {
+      // Background utilities
+      'bg-main': 'bg-white dark:bg-[#081f30]',
+      'bg-card': 'bg-[#f5f5f5] dark:bg-white/5',
+
+      // Text utilities
+      'text-main': 'text-[#081f30] dark:text-[#f9f9f9]',
+      'text-muted': 'text-[#666] dark:text-[#999]',
+
+      // Brand colors
+      'text-ml-green': 'text-[#6dd750]',
+      'text-ml-orange': 'text-[#ff8506]',
+      'text-ml-sky': 'text-[#87e9ff]',
+
+      'bg-ml-green': 'bg-[#6dd750]',
+      'bg-ml-orange': 'bg-[#ff8506]',
+      'bg-ml-sky': 'bg-[#87e9ff]',
+      'bg-ml-navy': 'bg-[#081f30]',
+
+      // Chart colors
+      'bg-chart-mint': 'bg-[#40faa3]',
+      'bg-chart-yellow': 'bg-[#fbbc02]',
+      'bg-chart-sky': 'bg-[#7ddaee]',
+      'bg-chart-lime': 'bg-[#cdfe0c]',
+      'bg-chart-coral': 'bg-[#f97316]',
+
+      // Layout utilities
+      'slide-padding': 'px-12 py-10',
+      'content-center': 'flex items-center justify-center',
+      'content-between': 'flex items-center justify-between',
+
+      // Card styles
+      'ml-card': 'bg-card rounded-lg p-6 shadow-sm',
+      'ml-card-bordered': 'bg-card rounded-lg p-6 border border-[#e5e5e5] dark:border-[#2a3a4a]',
+    },
+    theme: {
+      colors: {
+        ml: {
+          green: '#6dd750',
+          'green-light': '#70e45c',
+          orange: '#ff8506',
+          sky: '#87e9ff',
+          navy: '#081f30',
+        },
+        chart: {
+          mint: '#40faa3',
+          yellow: '#fbbc02',
+          sky: '#7ddaee',
+          lime: '#cdfe0c',
+          coral: '#f97316',
+        },
+      },
+      fontFamily: {
+        sans: 'Poppins, ui-sans-serif, system-ui, sans-serif',
+        mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+      },
+      borderRadius: {
+        ml: '0.65rem',
+        'ml-sm': 'calc(0.65rem - 4px)',
+        'ml-lg': 'calc(0.65rem + 4px)',
+      },
+    },
+  }
+}

package/styles/base.css

@@ -0,0 +1,209 @@
+/* Measurelab Slidev Theme - Base Styles */
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
+
+:root {
+  /* Brand Colors */
+  --ml-green: #6dd750;
+  --ml-green-light: #70e45c;
+  --ml-orange: #ff8506;
+  --ml-sky: #87e9ff;
+  --ml-navy: #081f30;
+
+  /* Chart Colors */
+  --ml-chart-mint: #40faa3;
+  --ml-chart-yellow: #fbbc02;
+  --ml-chart-sky: #7ddaee;
+  --ml-chart-lime: #cdfe0c;
+  --ml-chart-coral: #f97316;
+
+  /* Semantic Colors - Light Mode */
+  --slidev-theme-background: #ffffff;
+  --slidev-theme-foreground: #081f30;
+  --slidev-theme-primary: #6dd750;
+  --slidev-theme-secondary: #70e45c;
+  --slidev-theme-accent: #ff8506;
+  --slidev-theme-muted: #f5f5f5;
+  --slidev-theme-border: #e5e5e5;
+
+  /* Code */
+  --slidev-code-background: #081f30;
+  --slidev-code-foreground: #f9f9f9;
+
+  /* Typography */
+  --slidev-font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
+  --slidev-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+
+  /* Spacing & Sizing */
+  --ml-radius: 0.65rem;
+  --ml-radius-sm: calc(var(--ml-radius) - 4px);
+  --ml-radius-lg: calc(var(--ml-radius) + 4px);
+}
+
+/* Dark Mode */
+.dark {
+  --slidev-theme-background: #081f30;
+  --slidev-theme-foreground: #f9f9f9;
+  --slidev-theme-primary: #6dd750;
+  --slidev-theme-secondary: #70e45c;
+  --slidev-theme-accent: #ff8506;
+  --slidev-theme-muted: rgba(255, 255, 255, 0.05);
+  --slidev-theme-border: #2a3a4a;
+}
+
+/* Base Styles */
+.slidev-layout {
+  font-family: var(--slidev-font-sans);
+  font-weight: 300;
+  color: var(--slidev-theme-foreground);
+  background: var(--slidev-theme-background);
+}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 500;
+  color: var(--slidev-theme-foreground);
+}
+
+h1 {
+  font-size: 2.5rem;
+  line-height: 1.2;
+}
+
+h2 {
+  font-size: 2rem;
+  line-height: 1.3;
+}
+
+h3 {
+  font-size: 1.5rem;
+  line-height: 1.4;
+}
+
+/* Primary color accents */
+strong, b {
+  font-weight: 500;
+}
+
+/* Links */
+a {
+  color: var(--slidev-theme-primary);
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+a:hover {
+  color: var(--slidev-theme-secondary);
+}
+
+/* Code blocks */
+code {
+  font-family: var(--slidev-font-mono);
+  background: var(--slidev-code-background);
+  color: var(--slidev-theme-primary);
+  padding: 0.125rem 0.375rem;
+  border-radius: var(--ml-radius-sm);
+  font-size: 0.875em;
+}
+
+pre code {
+  background: transparent;
+  padding: 0;
+}
+
+/* Lists */
+ul, ol {
+  padding-left: 1.5rem;
+}
+
+li {
+  margin: 0.5rem 0;
+}
+
+li::marker {
+  color: var(--slidev-theme-primary);
+}
+
+/* Blockquotes */
+blockquote {
+  border-left: 4px solid var(--slidev-theme-primary);
+  padding-left: 1rem;
+  margin: 1rem 0;
+  font-style: italic;
+  color: var(--slidev-theme-foreground);
+  opacity: 0.8;
+}
+
+/* Tables */
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+th, td {
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid var(--slidev-theme-border);
+  text-align: left;
+}
+
+th {
+  font-weight: 500;
+  background: var(--slidev-theme-muted);
+}
+
+/* Animations */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeInScale {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.animate-fade-in-up {
+  animation: fadeInUp 0.6s ease-out forwards;
+}
+
+.animate-fade-in-scale {
+  animation: fadeInScale 0.6s ease-out forwards;
+}
+
+/* Utility classes */
+.text-primary {
+  color: var(--slidev-theme-primary);
+}
+
+.text-accent {
+  color: var(--slidev-theme-accent);
+}
+
+.bg-primary {
+  background-color: var(--slidev-theme-primary);
+}
+
+.bg-accent {
+  background-color: var(--slidev-theme-accent);
+}
+
+/* Respect reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  .animate-fade-in-up,
+  .animate-fade-in-scale {
+    animation: none;
+    opacity: 1;
+    transform: none;
+  }
+}

package/styles/index.ts

@@ -0,0 +1 @@
+import './base.css'