'%3e%3cg%20id='symbol'%3e%3cg%20id='Group%201'%3e%3cpath%20id='Vector'%20d='M0%2022.6129V36.4141C0%2040.6788%203.41465%2044.1361%207.62682%2044.1361C11.839%2044.1361%2015.2536%2040.6788%2015.2536%2036.4141V22.6129H0Z'%20fill='%233AEFF7'/%3e%3cpath%20id='Vector_2'%20d='M20.243%2015.8028L20.2453%2015.8021L15.5317%201.11381L15.5314%201.11363C6.52655%204.08327%200%2012.6629%200%2022.7583C0%2027.023%203.41465%2030.4804%207.62683%2030.4804C11.839%2030.4804%2015.2537%2027.023%2015.2537%2022.7583C15.2537%2019.514%2017.3493%2016.7574%2020.243%2015.8028Z'%20fill='%23205ACE'/%3e%3cpath%20id='Vector_3'%20d='M22.4778%200C20.0528%200%2017.7217%200.39109%2015.5318%201.11385L15.5269%201.11566C11.524%202.43553%209.33401%206.78989%2010.6351%2010.8443C11.9367%2014.9003%2016.2395%2017.12%2020.2455%2015.8021C20.2505%2015.8005%2020.2526%2015.7998%2020.2576%2015.7981C20.9566%2015.5694%2021.7046%2015.4441%2022.4778%2015.4441C26.4612%2015.4441%2029.7019%2018.7253%2029.7019%2022.7583V36.414C29.7019%2040.6787%2033.1165%2044.136%2037.3287%2044.136C41.5409%2044.136%2044.9555%2040.6787%2044.9555%2036.414V22.7583C44.9555%2010.2093%2034.8721%200%2022.4778%200Z'%20fill='%23FF3A7E'/%3e%3c/g%3e%3cg%20id='Group'%3e%3cpath%20id='Vector_4'%20d='M37.3286%2040.0338C35.3541%2040.0338%2033.7535%2038.4132%2033.7535%2036.4141V22.7584C33.7535%2016.4633%2028.6952%2011.3419%2022.4777%2011.3419C16.2602%2011.3419%2011.2019%2016.4633%2011.2019%2022.7584V36.4141C11.2019%2038.4132%209.60127%2040.0338%207.62683%2040.0338C5.6524%2040.0338%204.05176%2038.4132%204.05176%2036.4141V22.7584C4.05176%2012.4715%2012.3176%204.10248%2022.4777%204.10248C32.6378%204.10248%2040.9037%2012.4715%2040.9037%2022.7584V36.4141C40.9037%2038.4132%2039.303%2040.0338%2037.3286%2040.0338Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3cg%20id='numble'%3e%3cpath%20id='Vector_5'%20d='M60.9556%2022.389C60.9556%2021.65%2061.1035%2020.9547%2061.3997%2020.3028C61.6953%2019.6513%2062.1039%2019.0773%2062.6245%2018.5813C63.1451%2018.0853%2063.7469%2017.6964%2064.4309%2017.4142C65.1147%2017.1325%2065.855%2016.9911%2066.651%2016.9911C67.4267%2016.9911%2068.1615%2017.1325%2068.8558%2017.4142C69.5495%2017.6964%2070.1571%2018.0853%2070.6777%2018.5813C71.1983%2019.0773%2071.6064%2019.6513%2071.9025%2020.3028C72.1982%2020.9547%2072.3464%2021.65%2072.3464%2022.389V30.1212C72.3464%2030.5688%2072.183%2030.9431%2071.8566%2031.2445C71.5297%2031.5463%2071.1418%2031.6967%2070.6929%2031.6967C70.2436%2031.6967%2069.861%2031.5463%2069.5448%2031.2445C69.2279%2030.9431%2069.07%2030.5688%2069.07%2030.1212V22.389C69.07%2022.0781%2069.0035%2021.7863%2068.871%2021.5137C68.7381%2021.2415%2068.5649%2021.0031%2068.3504%2020.7988C68.1363%2020.5945%2067.8806%2020.4341%2067.5849%2020.3174C67.2888%2020.2007%2066.9774%2020.1423%2066.651%2020.1423C65.9774%2020.1423%2065.4056%2020.3612%2064.9363%2020.7988C64.4664%2021.2365%2064.232%2021.7667%2064.232%2022.389V30.1212C64.232%2030.5688%2064.0683%2030.9431%2063.7422%2031.2445C63.4153%2031.5463%2063.0379%2031.6967%2062.609%2031.6967C62.1392%2031.6967%2061.7466%2031.5463%2061.4302%2031.2445C61.1135%2030.9431%2060.9556%2030.5688%2060.9556%2030.1212V22.389Z'%20fill='%23205ACE'/%3e%3cpath%20id='Vector_6'%20d='M75.6523%2018.5667C75.6523%2018.1194%2075.8103%2017.7451%2076.1269%2017.4434C76.4433%2017.142%2076.836%2016.9911%2077.3058%2016.9911C77.7347%2016.9911%2078.1121%2017.142%2078.4389%2017.4434C78.7651%2017.7451%2078.9288%2018.1195%2078.9288%2018.5667V26.2988C78.9288%2026.9216%2079.1632%2027.4514%2079.6331%2027.889C80.1024%2028.3267%2080.6742%2028.5455%2081.3478%2028.5455C81.6742%2028.5455%2081.9856%2028.4872%2082.2817%2028.3704C82.5774%2028.2538%2082.833%2028.0933%2083.0472%2027.889C83.2616%2027.6848%2083.4348%2027.4468%2083.5678%2027.1742C83.7003%2026.902%2083.7667%2026.6103%2083.7667%2026.2988V18.5667C83.7667%2018.1194%2083.9247%2017.7451%2084.2416%2017.4434C84.5577%2017.142%2084.9404%2016.9911%2085.3897%2016.9911C85.8386%2016.9911%2086.2264%2017.142%2086.5533%2017.4434C86.8797%2017.7451%2087.0432%2018.1195%2087.0432%2018.5667V26.2988C87.0432%2027.0383%2086.895%2027.7336%2086.5993%2028.3851C86.3032%2029.037%2085.895%2029.6105%2085.3745%2030.1066C84.8539%2030.6026%2084.2463%2030.9919%2083.5526%2031.2737C82.8583%2031.5559%2082.1235%2031.6967%2081.3478%2031.6967C80.5518%2031.6967%2079.8115%2031.5559%2079.1277%2031.2737C78.4437%2030.992%2077.8419%2030.6026%2077.3213%2030.1066C76.8007%2029.6105%2076.3921%2029.037%2076.0965%2028.3851C75.8003%2027.7336%2075.6523%2027.0383%2075.6523%2026.2988V18.5667H75.6523Z'%20fill='%23205ACE'/%3e%3cpath%20id='Vector_7'%20d='M90.8108%2022.389C90.8108%2021.65%2090.9435%2020.9547%2091.2089%2020.3028C91.4741%2019.6513%2091.8467%2019.0773%2092.3265%2018.5813C92.8059%2018.0853%2093.3725%2017.6964%2094.026%2017.4142C94.679%2017.1325%2095.4041%2016.9911%2096.2001%2016.9911C96.9551%2016.9911%2097.6546%2017.1274%2098.2976%2017.3996C98.9407%2017.6722%2099.4965%2018.0319%2099.9663%2018.4792C100.456%2017.9932%20101.012%2017.6235%20101.635%2017.3704C102.258%2017.1179%20102.967%2016.9911%20103.763%2016.9911C104.539%2016.9911%20105.258%2017.1325%20105.922%2017.4142C106.585%2017.6964%20107.157%2018.0853%20107.637%2018.5813C108.116%2019.0773%20108.489%2019.6513%20108.755%2020.3028C109.02%2020.9547%20109.153%2021.65%20109.153%2022.389V30.1212C109.153%2030.5688%20108.989%2030.9431%20108.663%2031.2445C108.336%2031.5463%20107.958%2031.6967%20107.53%2031.6967C107.06%2031.6967%20106.667%2031.5463%20106.351%2031.2445C106.034%2030.9431%20105.876%2030.5688%20105.876%2030.1212V22.389C105.876%2021.7667%20105.682%2021.2365%20105.294%2020.7988C104.906%2020.3612%20104.396%2020.1423%20103.763%2020.1423C103.09%2020.1423%20102.564%2020.3612%20102.186%2020.7988C101.809%2021.2365%20101.62%2021.7667%20101.62%2022.389V30.1212C101.62%2030.5688%20101.456%2030.9431%20101.13%2031.2445C100.803%2031.5463%20100.415%2031.6967%2099.9663%2031.6967C99.5172%2031.6967%2099.1344%2031.5463%2098.8182%2031.2445C98.5013%2030.9431%2098.3436%2030.5688%2098.3436%2030.1212V22.389C98.3436%2021.7667%2098.1492%2021.2365%2097.7618%2020.7988C97.3737%2020.3612%2096.8531%2020.1423%2096.2001%2020.1423C95.5465%2020.1423%2095.0312%2020.3612%2094.6538%2020.7988C94.2757%2021.2365%2094.0872%2021.7667%2094.0872%2022.389V30.1212C94.0872%2030.5688%2093.9235%2030.9431%2093.5974%2031.2445C93.2705%2031.5463%2092.8826%2031.6967%2092.4338%2031.6967C91.9844%2031.6967%2091.6018%2031.5463%2091.2854%2031.2445C90.9687%2030.9431%2090.8108%2030.5688%2090.8108%2030.1212V22.389Z'%20fill='%23205ACE'/%3e%3cpath%20id='Vector_8'%20d='M112.642%2014.015C112.642%2013.5678%20112.8%2013.1934%20113.117%2012.8917C113.433%2012.5903%20113.826%2012.4394%20114.296%2012.4394C114.724%2012.4394%20115.102%2012.5903%20115.429%2012.8917C115.755%2013.1934%20115.919%2013.5678%20115.919%2014.015V17.5163C116.286%2017.3609%20116.669%2017.2346%20117.067%2017.137C117.465%2017.0399%20117.888%2016.9911%20118.338%2016.9911C119.134%2016.9911%20119.873%2017.1325%20120.558%2017.4142C121.241%2017.6964%20121.844%2018.0853%20122.364%2018.5813C122.885%2019.0773%20123.293%2019.6513%20123.589%2020.3028C123.885%2020.9548%20124.033%2021.65%20124.033%2022.389V26.2988C124.033%2027.0383%20123.885%2027.7336%20123.589%2028.3851C123.293%2029.037%20122.885%2029.6105%20122.364%2030.1066C121.844%2030.6026%20121.236%2030.992%20120.542%2031.2737C119.848%2031.5559%20119.113%2031.6967%20118.338%2031.6967C117.542%2031.6967%20116.801%2031.5559%20116.118%2031.2737C115.433%2030.992%20114.832%2030.6026%20114.311%2030.1066C113.79%2029.6105%20113.382%2029.037%20113.086%2028.3851C112.79%2027.7336%20112.642%2027.0383%20112.642%2026.2988V14.015ZM115.919%2026.2988C115.919%2026.9216%20116.153%2027.4514%20116.623%2027.889C117.092%2028.3267%20117.664%2028.5455%20118.338%2028.5455C118.664%2028.5455%20118.975%2028.4872%20119.271%2028.3705C119.567%2028.2538%20119.823%2028.0933%20120.037%2027.889C120.251%2027.6848%20120.425%2027.4468%20120.558%2027.1742C120.69%2026.902%20120.757%2026.6103%20120.757%2026.2988V22.389C120.757%2021.7667%20120.522%2021.2365%20120.052%2020.7988C119.583%2020.3612%20119.011%2020.1423%20118.338%2020.1423C117.684%2020.1423%20117.128%2020.3516%20116.669%2020.7697C116.209%2021.1882%20115.959%2021.6988%20115.919%2022.3015V26.2988Z'%20fill='%23205ACE'/%3e%3cpath%20id='Vector_9'%20d='M127.372%2014.015C127.372%2013.5678%20127.53%2013.1934%20127.847%2012.8917C128.163%2012.5903%20128.546%2012.4394%20128.995%2012.4394C129.444%2012.4394%20129.832%2012.5903%20130.159%2012.8917C130.485%2013.1934%20130.649%2013.5678%20130.649%2014.015V30.1212C130.649%2030.5688%20130.49%2030.9431%20130.174%2031.2445C129.857%2031.5463%20129.465%2031.6967%20128.995%2031.6967C128.567%2031.6967%20128.188%2031.5463%20127.862%2031.2445C127.535%2030.9431%20127.372%2030.5688%20127.372%2030.1212V14.015Z'%20fill='%23205ACE'/%3e%3cpath%20id='Vector_10'%20d='M134.414%2022.389C134.414%2021.65%20134.562%2020.9547%20134.858%2020.3028C135.154%2019.6513%20135.562%2019.0773%20136.083%2018.5813C136.603%2018.0853%20137.205%2017.6964%20137.889%2017.4142C138.573%2017.1325%20139.313%2016.9911%20140.109%2016.9911C140.885%2016.9911%20141.62%2017.1325%20142.314%2017.4142C143.008%2017.6964%20143.615%2018.0853%20144.136%2018.5813C144.657%2019.0773%20145.065%2019.6513%20145.361%2020.3028C145.656%2020.9547%20145.805%2021.65%20145.805%2022.389V24.344C145.805%2024.7916%20145.646%2025.1659%20145.33%2025.4673C145.013%2025.7691%20144.631%2025.9195%20144.182%2025.9195H137.721V26.2988C137.721%2026.9216%20137.955%2027.4514%20138.425%2027.889C138.895%2028.3267%20139.456%2028.5455%20140.109%2028.5455C140.354%2028.5455%20140.635%2028.5164%20140.951%2028.458C141.268%2028.3997%20141.569%2028.2054%20141.855%2027.8745C141.977%2027.7386%20142.13%2027.5973%20142.314%2027.4514C142.498%2027.3055%20142.697%2027.1938%20142.911%2027.1158C143.126%2027.0383%20143.355%2027.0042%20143.6%2027.0137C143.845%2027.0237%20144.09%2027.1158%20144.335%2027.2909C144.661%2027.5052%20144.881%2027.8115%20144.993%2028.21C145.105%2028.6089%20144.998%2029.032%20144.672%2029.4793C144.222%2030.0437%20143.641%2030.5542%20142.926%2031.011C142.212%2031.4684%20141.273%2031.6967%20140.109%2031.6967C139.333%2031.6967%20138.598%2031.5559%20137.905%2031.2737C137.21%2030.992%20136.603%2030.6026%20136.083%2030.1066C135.562%2029.6105%20135.154%2029.037%20134.858%2028.3851C134.562%2027.7336%20134.414%2027.0383%20134.414%2026.2988V22.389ZM137.721%2022.7683H142.528V22.389C142.528%2022.0781%20142.462%2021.7863%20142.329%2021.5137C142.196%2021.2415%20142.023%2021.0031%20141.809%2020.7988C141.594%2020.5945%20141.339%2020.4341%20141.043%2020.3174C140.747%2020.2007%20140.436%2020.1423%20140.109%2020.1423C139.436%2020.1423%20138.869%2020.3612%20138.41%2020.7988C137.95%2021.2365%20137.721%2021.7667%20137.721%2022.389V22.7683Z'%20fill='%23205ACE'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2375_1425'%3e%3crect%20width='145.805'%20height='44.1361'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Design systems that editors love
Blocks, tokens and guardrails: how we keep Umbraco flexible without breaking the brand.
Nicola Nauwynck
Co-founder & CEO
Blog
Keep reading
More articles from our blog.
Five UX patterns for B2B portals
Dashboards, bulk actions and smart defaults that make complex portals feel simple.
Going headless with Umbraco 15 and Vue
How we combine the Delivery API with a Vue front-end — and when headless is (not) worth it.
Hosting Umbraco on Azure: our setup
App Service, Blob storage and CDN — the setup we use for every client platform.