# Happl Brand Identity A complete profile of **Happl**'s visual system — colors, typography, components, and personality — extracted from https://happl.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/happl - Machine-readable JSON: https://characterquilt.com/branding/happl.json - Per-page llms.txt: https://characterquilt.com/branding/happl/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #163B3B | | Accent | #CAFE83 | | Body Font | DM Sans | | Heading Font | DM Sans | ## Color Palette - primary: #163B3B - secondary: #3898EC - accent: #CAFE83 - background: #FFFFFF - textPrimary: #232323 - link: #CAFE83 ## Typography - primary: DM Sans — https://fonts.google.com/specimen/DM+Sans - heading: DM Sans — https://fonts.google.com/specimen/DM+Sans ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20104%2038%22%20fill%3D%22none%22%20class%3D%22u-svg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M93.0442%2021.9418C93.2025%2022.8937%2093.4198%2023.5975%2093.6962%2024.0532C93.9686%2024.4845%2094.2776%2024.7592%2094.6233%2024.8773C94.9144%2024.967%2095.2848%2025.0202%2095.7345%2025.037C95.9554%2025.0452%2096.1448%2025.203%2096.1811%2025.4211L96.2757%2025.99C96.3164%2026.2351%2096.1507%2026.4669%2095.9056%2026.5076L87.1279%2027.967C86.8828%2028.0078%2086.6511%2027.8421%2086.6103%2027.597L86.5177%2027.0398C86.4806%2026.8167%2086.6155%2026.6018%2086.8297%2026.5292C87.3707%2026.3459%2087.7597%2026.1625%2087.9967%2025.979C88.2856%2025.7554%2088.4423%2025.4158%2088.4669%2024.9603C88.5159%2024.5006%2088.4552%2023.7583%2088.2848%2022.7332L85.7587%207.53953C85.6004%206.58764%2085.3484%205.97739%2085.0028%205.70879C84.7409%205.48651%2084.3019%205.40203%2083.6857%205.45536C83.4382%205.47679%2083.2065%205.31415%2083.1658%205.06903L83.0355%204.28569C83.0045%204.09924%2083.0934%203.91329%2083.2579%203.82026L88.0044%201.13644C88.0502%201.11055%2088.1002%201.09288%2088.1521%201.08426L89.0943%200.927608C89.3394%200.886855%2089.5711%201.05252%2089.6119%201.29764L93.0442%2021.9418Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M78.3431%2011.2008C80.5398%2011.0474%2082.3104%2011.7175%2083.6548%2013.2111C84.9992%2014.7046%2085.767%2016.8213%2085.9582%2019.561C86.1701%2022.597%2085.5703%2025.0199%2084.1589%2026.8298C82.7474%2028.6397%2080.7212%2029.6368%2078.0802%2029.8211C76.8141%2029.9095%2075.7031%2029.7862%2074.7472%2029.4513C74.4166%2029.3354%2074.0456%2029.5839%2074.07%2029.9335L74.2677%2032.7659C74.3246%2033.5804%2074.4531%2034.1791%2074.6535%2034.562C74.8785%2034.9431%2075.243%2035.1905%2075.747%2035.3042C76.2114%2035.4238%2076.9102%2035.4985%2077.8436%2035.5283C78.0769%2035.5357%2078.2685%2035.717%2078.2847%2035.9498L78.3229%2036.4964C78.3402%2036.7442%2078.1533%2036.9592%2077.9054%2036.9765L68.0662%2037.6633C67.8183%2037.6806%2067.6033%2037.4936%2067.586%2037.2458L67.546%2036.6727C67.5306%2036.4512%2067.6796%2036.2532%2067.8938%2036.1945C68.3382%2036.0727%2068.6728%2035.9353%2068.8976%2035.7822C69.1835%2035.6135%2069.362%2035.3282%2069.4331%2034.9264C69.506%2034.5492%2069.5132%2033.9411%2069.4546%2033.1019L68.4003%2017.9962C68.3262%2016.9349%2068.129%2016.2418%2067.8087%2015.9169C67.5677%2015.6506%2067.1378%2015.5129%2066.5191%2015.5038C66.2706%2015.5001%2066.0554%2015.3165%2066.0381%2015.0686L65.9939%2014.4347C65.9804%2014.2412%2066.0924%2014.0608%2066.2719%2013.9871L71.257%2011.9414C71.3014%2011.9232%2071.3485%2011.9122%2071.3965%2011.9089L72.3562%2011.8419C72.6041%2011.8246%2072.8191%2012.0115%2072.8364%2012.2594L72.9253%2013.533C72.957%2013.9874%2073.6187%2014.1402%2073.8963%2013.779C74.2907%2013.2659%2074.7349%2012.8138%2075.2288%2012.4226C76.1203%2011.6908%2077.1583%2011.2835%2078.3431%2011.2008ZM77.2828%2027.4585C78.4676%2027.3758%2079.357%2026.7929%2079.9511%2025.7097C80.5451%2024.6265%2080.7776%2023.1594%2080.6483%2021.3082C80.5157%2019.4076%2080.0659%2017.9385%2079.299%2016.9007C78.5568%2015.8612%2077.5563%2015.3853%2076.2974%2015.4732C75.0511%2015.5602%2074.0525%2015.9335%2073.3016%2016.5932C73.2023%2016.6804%2073.1541%2016.8107%2073.1633%2016.9425L73.5726%2022.8066C73.8%2026.0646%2075.0367%2027.6153%2077.2828%2027.4585Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M58.3347%2012.3242C60.5368%2012.3242%2062.2564%2013.116%2063.4935%2014.6995C64.7307%2016.283%2065.3492%2018.448%2065.3492%2021.1944C65.3492%2024.2377%2064.5822%2026.613%2063.0482%2028.3202C61.5141%2030.0275%2059.4234%2030.8811%2056.776%2030.8811C55.5067%2030.8811%2054.407%2030.6808%2053.4768%2030.2801C53.155%2030.1415%2052.7677%2030.3635%2052.7677%2030.7139V33.5533C52.7677%2034.3698%2052.8543%2034.976%2053.0275%2035.3718C53.2254%2035.7677%2053.5718%2036.0399%2054.0666%2036.1883C54.5216%2036.34%2055.2135%2036.4632%2056.1426%2036.5579C56.3748%2036.5816%2056.5533%2036.7757%2056.5533%2037.0091V37.557C56.5533%2037.8055%2056.3518%2038.0069%2056.1034%2038.0069H46.2402C45.9917%2038.0069%2045.7903%2037.8055%2045.7903%2037.557V36.9826C45.7903%2036.7605%2045.9528%2036.5734%2046.1705%2036.5298C46.6223%2036.4392%2046.9657%2036.3254%2047.2006%2036.1883C47.4975%2036.0399%2047.6955%2035.7677%2047.7944%2035.3718C47.8934%2035.0007%2047.9429%2034.3945%2047.9429%2033.5533V18.4109C47.9429%2017.3469%2047.7944%2016.6418%2047.4975%2016.2954C47.2756%2016.013%2046.8564%2015.8457%2046.2398%2015.7935C45.9922%2015.7726%2045.7903%2015.5744%2045.7903%2015.3259V14.6904C45.7903%2014.4965%2045.9146%2014.3243%2046.0988%2014.2633L51.2142%2012.5697C51.2599%2012.5546%2051.3076%2012.5469%2051.3557%2012.5469H52.3178C52.5662%2012.5469%2052.7677%2012.7483%2052.7677%2012.9968V14.2735C52.7677%2014.729%2053.4172%2014.9276%2053.7192%2014.5866C54.1484%2014.1022%2054.623%2013.6821%2055.1429%2013.3263C56.0832%2012.6582%2057.1471%2012.3242%2058.3347%2012.3242ZM56.145%2028.4687C57.3327%2028.4687%2058.2605%2027.9491%2058.9285%2026.9099C59.5966%2025.8707%2059.9306%2024.4233%2059.9306%2022.5676C59.9306%2020.6624%2059.5842%2019.1655%2058.8914%2018.0768C58.2234%2016.9882%2057.2584%2016.4438%2055.9966%2016.4438C54.7472%2016.4438%2053.725%2016.7467%2052.93%2017.3525C52.8249%2017.4326%2052.7677%2017.5592%2052.7677%2017.6913V23.5697C52.7677%2026.8357%2053.8934%2028.4687%2056.145%2028.4687Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M46.2507%2026.2318C46.4682%2026.3012%2046.6002%2026.5227%2046.5497%2026.7452C46.2513%2028.0578%2045.8014%2029%2045.1999%2029.572C44.5649%2030.201%2043.6794%2030.4793%2042.5436%2030.407C41.5065%2030.341%2040.6834%2030.0283%2040.0744%2029.4689C39.7417%2029.1632%2039.476%2028.7914%2039.2775%2028.3536C39.1019%2027.9664%2038.4705%2027.8554%2038.1994%2028.1828C37.0998%2029.5104%2035.6804%2030.1188%2033.9411%2030.0081C32.5337%2029.9185%2031.4561%2029.5152%2030.7084%2028.7982C29.9869%2028.0581%2029.6655%2027.0707%2029.7441%2025.8361C29.8148%2024.7249%2030.245%2023.8102%2031.0345%2023.0919C31.8502%2022.3504%2033.0517%2021.7823%2034.6387%2021.3875L38.8947%2020.3088C39.084%2020.2609%2039.2208%2020.0962%2039.2332%2019.9013L39.3208%2018.5245C39.3994%2017.2899%2039.139%2016.3188%2038.5394%2015.6113C37.9661%2014.8806%2037.0992%2014.4783%2035.9386%2014.4044C35.0679%2014.3489%2034.2894%2014.4278%2033.6033%2014.6409C33.408%2014.7015%2033.2869%2014.8988%2033.3406%2015.0961C33.378%2015.2336%2033.428%2015.3602%2033.4903%2015.4758C33.6259%2015.6827%2033.8201%2015.943%2034.0728%2016.2566C34.3503%2016.5718%2034.5544%2016.8699%2034.6853%2017.1509C34.8409%2017.4336%2034.9069%2017.7601%2034.8833%2018.1305C34.8377%2018.8465%2034.5275%2019.4342%2033.9529%2019.8935C33.4029%2020.3543%2032.7452%2020.5604%2031.9797%2020.5116C31.1895%2020.4613%2030.5656%2020.1365%2030.1079%2019.5371C29.6502%2018.9378%2029.4497%2018.1936%2029.5063%2017.3047C29.5754%2016.2182%2030.0103%2015.2294%2030.8108%2014.3382C31.636%2013.4487%2032.6963%2012.76%2033.9918%2012.2722C35.2873%2011.7845%2036.6388%2011.5854%2038.0462%2011.675C40.0957%2011.8055%2041.6554%2012.4254%2042.7252%2013.5348C43.795%2014.6442%2044.2678%2016.1743%2044.1436%2018.125L43.6532%2025.8291C43.6076%2026.5451%2043.8688%2026.9213%2044.4367%2026.9574C44.6836%2026.9731%2044.8859%2026.9116%2045.0435%2026.7729C45.1357%2026.6917%2045.2222%2026.5676%2045.3029%2026.4007C45.4111%2026.177%2045.6576%2026.0428%2045.8944%2026.1183L46.2507%2026.2318ZM36.0471%2026.7208C36.9951%2026.7812%2037.9052%2026.3595%2038.7776%2025.4557C38.8492%2025.3816%2038.8905%2025.2836%2038.8971%2025.1807L39.0461%2022.8405C39.0661%2022.5267%2038.7661%2022.2897%2038.4654%2022.3817L36.7738%2022.8994C36.0157%2023.1239%2035.4528%2023.398%2035.0851%2023.7216C34.7174%2024.0453%2034.5187%2024.4418%2034.4888%2024.9109C34.4542%2025.4541%2034.5633%2025.8826%2034.816%2026.1962C35.0935%2026.5113%2035.5038%2026.6862%2036.0471%2026.7208Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M30.783%204.98259C30.7502%205.22088%2030.5356%205.39056%2030.2957%205.37276C29.433%205.30877%2028.8025%205.31399%2028.4043%205.38841C27.9428%205.47466%2027.6115%205.70374%2027.4104%206.07564C27.2093%206.44754%2027.0445%207.09919%2026.9162%208.0306L24.7674%2023.6194C24.639%2024.5508%2024.6213%2025.2228%2024.7143%2025.6352C24.8073%2026.0476%2025.0643%2026.3578%2025.4852%2026.5657C25.8484%2026.7451%2026.454%2026.9207%2027.3018%2027.0924C27.5375%2027.1402%2027.6983%2027.3616%2027.6654%2027.5999L27.5626%2028.346C27.5287%2028.5922%2027.3016%2028.7642%2027.0555%2028.7303L15.8876%2027.1909C15.6414%2027.157%2015.4694%2026.9299%2015.5033%2026.6838L15.6062%2025.9377C15.639%2025.6994%2015.8536%2025.5297%2016.0935%2025.5475C16.9562%2025.6115%2017.5867%2025.6063%2017.9849%2025.5318C18.4464%2025.4456%2018.7777%2025.2165%2018.9788%2024.8446C19.1799%2024.4727%2019.3447%2023.8211%2019.473%2022.8896L20.3694%2016.3866C20.4034%2016.1404%2020.2313%2015.9133%2019.9852%2015.8794L10.7291%2014.6036C10.483%2014.5696%2010.2559%2014.7417%2010.222%2014.9878L9.32561%2021.4909C9.19722%2022.4223%209.17953%2023.0942%209.27254%2023.5067C9.36554%2023.9191%209.62251%2024.2293%2010.0434%2024.4372C10.4067%2024.6166%2011.0122%2024.7921%2011.86%2024.9639C12.0958%2025.0117%2012.2565%2025.2331%2012.2237%2025.4714L12.1208%2026.2175C12.0869%2026.4637%2011.8599%2026.6357%2011.6137%2026.6018L0.445819%2025.0624C0.199665%2025.0284%200.0276248%2024.8014%200.0615549%2024.5552L0.1644%2023.8091C0.197245%2023.5709%200.411886%2023.4012%200.651763%2023.419C1.51447%2023.483%202.14493%2023.4777%202.54315%2023.4033C3.00461%2023.3171%203.33591%2023.088%203.53703%2022.7161C3.73815%2022.3442%203.9029%2021.6925%204.03129%2020.7611L6.18008%205.1723C6.30847%204.2409%206.32616%203.56897%206.23315%203.15653C6.14014%202.74409%205.88318%202.43392%205.46226%202.22605C5.09903%202.04666%204.49349%201.87107%203.64564%201.69928C3.40989%201.65151%203.24916%201.43009%203.28201%201.19181L3.38485%200.4457C3.41878%200.199547%203.64584%200.0275058%203.89199%200.061436L15.0599%201.60083C15.306%201.63476%2015.4781%201.86182%2015.4441%202.10797L15.3413%202.85408C15.3084%203.09236%2015.0938%203.26204%2014.8539%203.24425C13.9912%203.18025%2013.3608%203.18547%2012.9625%203.2599C12.5011%203.34615%2012.1698%203.57522%2011.9687%203.94712C11.7675%204.31902%2011.6028%204.97067%2011.4744%205.90208L10.6692%2011.7434C10.6353%2011.9895%2010.8073%2012.2166%2011.0535%2012.2505L20.3095%2013.5264C20.5557%2013.5603%2020.7827%2013.3883%2020.8167%2013.1421L21.6218%207.30082C21.7502%206.36941%2021.7679%205.69749%2021.6749%205.28505C21.5819%204.8726%2021.3249%204.56244%2020.904%204.35456C20.5408%204.17518%2019.9352%203.99959%2019.0874%203.8278C18.8517%203.78003%2018.6909%203.55861%2018.7238%203.32032L18.8266%202.57422C18.8605%202.32806%2019.0876%202.15602%2019.3337%202.18995L30.5016%203.72935C30.7478%203.76328%2030.9198%203.99033%2030.8859%204.23649L30.783%204.98259Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.548%2025.411C99.5833%2025.411%2098.7668%2025.0893%2098.0988%2024.446C97.4307%2023.778%2097.0967%2022.9491%2097.0967%2021.9594C97.0967%2020.945%2097.4307%2020.1037%2098.0988%2019.4357C98.7668%2018.7676%2099.5833%2018.4336%20100.548%2018.4336C101.513%2018.4336%20102.33%2018.7676%20102.998%2019.4357C103.666%2020.1037%20104%2020.945%20104%2021.9594C104%2022.9491%20103.666%2023.778%20102.998%2024.446C102.33%2025.0893%20101.513%2025.411%20100.548%2025.411Z%22%20fill%3D%22%236FF79D%22%20style%3D%22fill%3A%20rgb(111%2C%20247%2C%20157)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://cdn.prod.website-files.com/62f3ec776d43f24bab1af55a/630f3a8808f9aff8782e9c4b_32.png - Social card (og:image): https://cdn.prod.website-files.com/62f3ec776d43f24bab1af55a/6316048488210d2f0013990c_6cf8355eb1f409eae732edbe3808bb16_Metadata.jpg ## UI Components - input: background=transparent, textColor=#FFFFFF, borderColor=null, borderRadius=1920px, shadow=none - buttonPrimary: background=#CAFE83, textColor=#232323, borderRadius=40px, shadow=none - buttonSecondary: background=#3898EC, textColor=#FFFFFF, borderRadius=0px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: corporate HR and employee benefits managers ## Happl Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **WFH like a pro: Top tips for the best home office set-up | Happl** - Image: https://cdn.prod.website-files.com/62f41339c15eff234e31c229/630f5a244edc6b6a9c341774_61f7ff9afbce1ff6a1cb95f3_grovemade-RvPDe41lYBA-unsplash.jpeg - Source: https://happl.com/blog/wfh-like-a-pro-top-tips-for-the-best-home-office-set-up - **Happl Blog | Employee Benefits & Engagement Insights** - Image: https://cdn.prod.website-files.com/62f41339c15eff234e31c229/630f59671c915036a5e6dec5_627e26fa48584fcc670c1fa0_brooke-cagle--uHVRvDr7pg-unsplash.jpeg - Source: https://happl.com/blog - **Happl Blog | Employee Benefits & Engagement Insights** - Image: https://cdn.prod.website-files.com/62f41339c15eff234e31c229/630f6b9d9944fa3c6e193937_615b37bf0d03043a79940147_mike%20article%201.png - Source: https://happl.com/blog - **Login | Happl** - Image: https://ww.happl.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.af29d08f.png&w=3840&q=75 - Source: https://ww.happl.com/ - **Apple Pay** - Image: https://cdn.prod.website-files.com/62f3ec776d43f24bab1af55a/66227ad610526d49d67eea99_Cyber-Essentials-Plus-logo.png - Source: https://happl.com/apple-pay - **Happl Blog | Employee Benefits & Engagement Insights** - Image: https://cdn.prod.website-files.com/62f3ec776d43f24bab1af55a/6316048488210d2f0013990c_6cf8355eb1f409eae732edbe3808bb16_Metadata.jpg - Source: https://happl.com/blog ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "DM Sans", "role": "body" }, { "family": "Arial", "role": "unknown" }, { "family": "Roboto", "role": "unknown" }, { "family": "Helvetica", "role": "unknown" } ], "colors": { "primary": "#163B3B", "secondary": "#3898EC", "accent": "#CAFE83", "background": "#FFFFFF", "textPrimary": "#232323", "link": "#CAFE83" }, "typography": { "fontFamilies": { "primary": "DM Sans", "heading": "DM Sans" }, "fontStacks": { "heading": [ "DM Sans", "Arial", "sans-serif" ], "body": [ "DM Sans", "sans-serif" ], "paragraph": [ "DM Sans", "sans-serif" ] }, "fontSizes": { "h1": "73px", "h2": "16px", "body": "18px" } }, "spacing": { "baseUnit": 4, "borderRadius": "12px" }, "components": { "input": { "background": "transparent", "textColor": "#FFFFFF", "borderColor": null, "borderRadius": "1920px", "borderRadiusCorners": { "topLeft": "1920px", "topRight": "1920px", "bottomRight": "1920px", "bottomLeft": "1920px" }, "shadow": "none" }, "buttonPrimary": { "background": "#CAFE83", "textColor": "#232323", "borderRadius": "40px", "borderRadiusCorners": { "topLeft": "40px", "topRight": "40px", "bottomRight": "40px", "bottomLeft": "40px" }, "shadow": "none" }, "buttonSecondary": { "background": "#3898EC", "textColor": "#FFFFFF", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20104%2038%22%20fill%3D%22none%22%20class%3D%22u-svg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M93.0442%2021.9418C93.2025%2022.8937%2093.4198%2023.5975%2093.6962%2024.0532C93.9686%2024.4845%2094.2776%2024.7592%2094.6233%2024.8773C94.9144%2024.967%2095.2848%2025.0202%2095.7345%2025.037C95.9554%2025.0452%2096.1448%2025.203%2096.1811%2025.4211L96.2757%2025.99C96.3164%2026.2351%2096.1507%2026.4669%2095.9056%2026.5076L87.1279%2027.967C86.8828%2028.0078%2086.6511%2027.8421%2086.6103%2027.597L86.5177%2027.0398C86.4806%2026.8167%2086.6155%2026.6018%2086.8297%2026.5292C87.3707%2026.3459%2087.7597%2026.1625%2087.9967%2025.979C88.2856%2025.7554%2088.4423%2025.4158%2088.4669%2024.9603C88.5159%2024.5006%2088.4552%2023.7583%2088.2848%2022.7332L85.7587%207.53953C85.6004%206.58764%2085.3484%205.97739%2085.0028%205.70879C84.7409%205.48651%2084.3019%205.40203%2083.6857%205.45536C83.4382%205.47679%2083.2065%205.31415%2083.1658%205.06903L83.0355%204.28569C83.0045%204.09924%2083.0934%203.91329%2083.2579%203.82026L88.0044%201.13644C88.0502%201.11055%2088.1002%201.09288%2088.1521%201.08426L89.0943%200.927608C89.3394%200.886855%2089.5711%201.05252%2089.6119%201.29764L93.0442%2021.9418Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M78.3431%2011.2008C80.5398%2011.0474%2082.3104%2011.7175%2083.6548%2013.2111C84.9992%2014.7046%2085.767%2016.8213%2085.9582%2019.561C86.1701%2022.597%2085.5703%2025.0199%2084.1589%2026.8298C82.7474%2028.6397%2080.7212%2029.6368%2078.0802%2029.8211C76.8141%2029.9095%2075.7031%2029.7862%2074.7472%2029.4513C74.4166%2029.3354%2074.0456%2029.5839%2074.07%2029.9335L74.2677%2032.7659C74.3246%2033.5804%2074.4531%2034.1791%2074.6535%2034.562C74.8785%2034.9431%2075.243%2035.1905%2075.747%2035.3042C76.2114%2035.4238%2076.9102%2035.4985%2077.8436%2035.5283C78.0769%2035.5357%2078.2685%2035.717%2078.2847%2035.9498L78.3229%2036.4964C78.3402%2036.7442%2078.1533%2036.9592%2077.9054%2036.9765L68.0662%2037.6633C67.8183%2037.6806%2067.6033%2037.4936%2067.586%2037.2458L67.546%2036.6727C67.5306%2036.4512%2067.6796%2036.2532%2067.8938%2036.1945C68.3382%2036.0727%2068.6728%2035.9353%2068.8976%2035.7822C69.1835%2035.6135%2069.362%2035.3282%2069.4331%2034.9264C69.506%2034.5492%2069.5132%2033.9411%2069.4546%2033.1019L68.4003%2017.9962C68.3262%2016.9349%2068.129%2016.2418%2067.8087%2015.9169C67.5677%2015.6506%2067.1378%2015.5129%2066.5191%2015.5038C66.2706%2015.5001%2066.0554%2015.3165%2066.0381%2015.0686L65.9939%2014.4347C65.9804%2014.2412%2066.0924%2014.0608%2066.2719%2013.9871L71.257%2011.9414C71.3014%2011.9232%2071.3485%2011.9122%2071.3965%2011.9089L72.3562%2011.8419C72.6041%2011.8246%2072.8191%2012.0115%2072.8364%2012.2594L72.9253%2013.533C72.957%2013.9874%2073.6187%2014.1402%2073.8963%2013.779C74.2907%2013.2659%2074.7349%2012.8138%2075.2288%2012.4226C76.1203%2011.6908%2077.1583%2011.2835%2078.3431%2011.2008ZM77.2828%2027.4585C78.4676%2027.3758%2079.357%2026.7929%2079.9511%2025.7097C80.5451%2024.6265%2080.7776%2023.1594%2080.6483%2021.3082C80.5157%2019.4076%2080.0659%2017.9385%2079.299%2016.9007C78.5568%2015.8612%2077.5563%2015.3853%2076.2974%2015.4732C75.0511%2015.5602%2074.0525%2015.9335%2073.3016%2016.5932C73.2023%2016.6804%2073.1541%2016.8107%2073.1633%2016.9425L73.5726%2022.8066C73.8%2026.0646%2075.0367%2027.6153%2077.2828%2027.4585Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M58.3347%2012.3242C60.5368%2012.3242%2062.2564%2013.116%2063.4935%2014.6995C64.7307%2016.283%2065.3492%2018.448%2065.3492%2021.1944C65.3492%2024.2377%2064.5822%2026.613%2063.0482%2028.3202C61.5141%2030.0275%2059.4234%2030.8811%2056.776%2030.8811C55.5067%2030.8811%2054.407%2030.6808%2053.4768%2030.2801C53.155%2030.1415%2052.7677%2030.3635%2052.7677%2030.7139V33.5533C52.7677%2034.3698%2052.8543%2034.976%2053.0275%2035.3718C53.2254%2035.7677%2053.5718%2036.0399%2054.0666%2036.1883C54.5216%2036.34%2055.2135%2036.4632%2056.1426%2036.5579C56.3748%2036.5816%2056.5533%2036.7757%2056.5533%2037.0091V37.557C56.5533%2037.8055%2056.3518%2038.0069%2056.1034%2038.0069H46.2402C45.9917%2038.0069%2045.7903%2037.8055%2045.7903%2037.557V36.9826C45.7903%2036.7605%2045.9528%2036.5734%2046.1705%2036.5298C46.6223%2036.4392%2046.9657%2036.3254%2047.2006%2036.1883C47.4975%2036.0399%2047.6955%2035.7677%2047.7944%2035.3718C47.8934%2035.0007%2047.9429%2034.3945%2047.9429%2033.5533V18.4109C47.9429%2017.3469%2047.7944%2016.6418%2047.4975%2016.2954C47.2756%2016.013%2046.8564%2015.8457%2046.2398%2015.7935C45.9922%2015.7726%2045.7903%2015.5744%2045.7903%2015.3259V14.6904C45.7903%2014.4965%2045.9146%2014.3243%2046.0988%2014.2633L51.2142%2012.5697C51.2599%2012.5546%2051.3076%2012.5469%2051.3557%2012.5469H52.3178C52.5662%2012.5469%2052.7677%2012.7483%2052.7677%2012.9968V14.2735C52.7677%2014.729%2053.4172%2014.9276%2053.7192%2014.5866C54.1484%2014.1022%2054.623%2013.6821%2055.1429%2013.3263C56.0832%2012.6582%2057.1471%2012.3242%2058.3347%2012.3242ZM56.145%2028.4687C57.3327%2028.4687%2058.2605%2027.9491%2058.9285%2026.9099C59.5966%2025.8707%2059.9306%2024.4233%2059.9306%2022.5676C59.9306%2020.6624%2059.5842%2019.1655%2058.8914%2018.0768C58.2234%2016.9882%2057.2584%2016.4438%2055.9966%2016.4438C54.7472%2016.4438%2053.725%2016.7467%2052.93%2017.3525C52.8249%2017.4326%2052.7677%2017.5592%2052.7677%2017.6913V23.5697C52.7677%2026.8357%2053.8934%2028.4687%2056.145%2028.4687Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M46.2507%2026.2318C46.4682%2026.3012%2046.6002%2026.5227%2046.5497%2026.7452C46.2513%2028.0578%2045.8014%2029%2045.1999%2029.572C44.5649%2030.201%2043.6794%2030.4793%2042.5436%2030.407C41.5065%2030.341%2040.6834%2030.0283%2040.0744%2029.4689C39.7417%2029.1632%2039.476%2028.7914%2039.2775%2028.3536C39.1019%2027.9664%2038.4705%2027.8554%2038.1994%2028.1828C37.0998%2029.5104%2035.6804%2030.1188%2033.9411%2030.0081C32.5337%2029.9185%2031.4561%2029.5152%2030.7084%2028.7982C29.9869%2028.0581%2029.6655%2027.0707%2029.7441%2025.8361C29.8148%2024.7249%2030.245%2023.8102%2031.0345%2023.0919C31.8502%2022.3504%2033.0517%2021.7823%2034.6387%2021.3875L38.8947%2020.3088C39.084%2020.2609%2039.2208%2020.0962%2039.2332%2019.9013L39.3208%2018.5245C39.3994%2017.2899%2039.139%2016.3188%2038.5394%2015.6113C37.9661%2014.8806%2037.0992%2014.4783%2035.9386%2014.4044C35.0679%2014.3489%2034.2894%2014.4278%2033.6033%2014.6409C33.408%2014.7015%2033.2869%2014.8988%2033.3406%2015.0961C33.378%2015.2336%2033.428%2015.3602%2033.4903%2015.4758C33.6259%2015.6827%2033.8201%2015.943%2034.0728%2016.2566C34.3503%2016.5718%2034.5544%2016.8699%2034.6853%2017.1509C34.8409%2017.4336%2034.9069%2017.7601%2034.8833%2018.1305C34.8377%2018.8465%2034.5275%2019.4342%2033.9529%2019.8935C33.4029%2020.3543%2032.7452%2020.5604%2031.9797%2020.5116C31.1895%2020.4613%2030.5656%2020.1365%2030.1079%2019.5371C29.6502%2018.9378%2029.4497%2018.1936%2029.5063%2017.3047C29.5754%2016.2182%2030.0103%2015.2294%2030.8108%2014.3382C31.636%2013.4487%2032.6963%2012.76%2033.9918%2012.2722C35.2873%2011.7845%2036.6388%2011.5854%2038.0462%2011.675C40.0957%2011.8055%2041.6554%2012.4254%2042.7252%2013.5348C43.795%2014.6442%2044.2678%2016.1743%2044.1436%2018.125L43.6532%2025.8291C43.6076%2026.5451%2043.8688%2026.9213%2044.4367%2026.9574C44.6836%2026.9731%2044.8859%2026.9116%2045.0435%2026.7729C45.1357%2026.6917%2045.2222%2026.5676%2045.3029%2026.4007C45.4111%2026.177%2045.6576%2026.0428%2045.8944%2026.1183L46.2507%2026.2318ZM36.0471%2026.7208C36.9951%2026.7812%2037.9052%2026.3595%2038.7776%2025.4557C38.8492%2025.3816%2038.8905%2025.2836%2038.8971%2025.1807L39.0461%2022.8405C39.0661%2022.5267%2038.7661%2022.2897%2038.4654%2022.3817L36.7738%2022.8994C36.0157%2023.1239%2035.4528%2023.398%2035.0851%2023.7216C34.7174%2024.0453%2034.5187%2024.4418%2034.4888%2024.9109C34.4542%2025.4541%2034.5633%2025.8826%2034.816%2026.1962C35.0935%2026.5113%2035.5038%2026.6862%2036.0471%2026.7208Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M30.783%204.98259C30.7502%205.22088%2030.5356%205.39056%2030.2957%205.37276C29.433%205.30877%2028.8025%205.31399%2028.4043%205.38841C27.9428%205.47466%2027.6115%205.70374%2027.4104%206.07564C27.2093%206.44754%2027.0445%207.09919%2026.9162%208.0306L24.7674%2023.6194C24.639%2024.5508%2024.6213%2025.2228%2024.7143%2025.6352C24.8073%2026.0476%2025.0643%2026.3578%2025.4852%2026.5657C25.8484%2026.7451%2026.454%2026.9207%2027.3018%2027.0924C27.5375%2027.1402%2027.6983%2027.3616%2027.6654%2027.5999L27.5626%2028.346C27.5287%2028.5922%2027.3016%2028.7642%2027.0555%2028.7303L15.8876%2027.1909C15.6414%2027.157%2015.4694%2026.9299%2015.5033%2026.6838L15.6062%2025.9377C15.639%2025.6994%2015.8536%2025.5297%2016.0935%2025.5475C16.9562%2025.6115%2017.5867%2025.6063%2017.9849%2025.5318C18.4464%2025.4456%2018.7777%2025.2165%2018.9788%2024.8446C19.1799%2024.4727%2019.3447%2023.8211%2019.473%2022.8896L20.3694%2016.3866C20.4034%2016.1404%2020.2313%2015.9133%2019.9852%2015.8794L10.7291%2014.6036C10.483%2014.5696%2010.2559%2014.7417%2010.222%2014.9878L9.32561%2021.4909C9.19722%2022.4223%209.17953%2023.0942%209.27254%2023.5067C9.36554%2023.9191%209.62251%2024.2293%2010.0434%2024.4372C10.4067%2024.6166%2011.0122%2024.7921%2011.86%2024.9639C12.0958%2025.0117%2012.2565%2025.2331%2012.2237%2025.4714L12.1208%2026.2175C12.0869%2026.4637%2011.8599%2026.6357%2011.6137%2026.6018L0.445819%2025.0624C0.199665%2025.0284%200.0276248%2024.8014%200.0615549%2024.5552L0.1644%2023.8091C0.197245%2023.5709%200.411886%2023.4012%200.651763%2023.419C1.51447%2023.483%202.14493%2023.4777%202.54315%2023.4033C3.00461%2023.3171%203.33591%2023.088%203.53703%2022.7161C3.73815%2022.3442%203.9029%2021.6925%204.03129%2020.7611L6.18008%205.1723C6.30847%204.2409%206.32616%203.56897%206.23315%203.15653C6.14014%202.74409%205.88318%202.43392%205.46226%202.22605C5.09903%202.04666%204.49349%201.87107%203.64564%201.69928C3.40989%201.65151%203.24916%201.43009%203.28201%201.19181L3.38485%200.4457C3.41878%200.199547%203.64584%200.0275058%203.89199%200.061436L15.0599%201.60083C15.306%201.63476%2015.4781%201.86182%2015.4441%202.10797L15.3413%202.85408C15.3084%203.09236%2015.0938%203.26204%2014.8539%203.24425C13.9912%203.18025%2013.3608%203.18547%2012.9625%203.2599C12.5011%203.34615%2012.1698%203.57522%2011.9687%203.94712C11.7675%204.31902%2011.6028%204.97067%2011.4744%205.90208L10.6692%2011.7434C10.6353%2011.9895%2010.8073%2012.2166%2011.0535%2012.2505L20.3095%2013.5264C20.5557%2013.5603%2020.7827%2013.3883%2020.8167%2013.1421L21.6218%207.30082C21.7502%206.36941%2021.7679%205.69749%2021.6749%205.28505C21.5819%204.8726%2021.3249%204.56244%2020.904%204.35456C20.5408%204.17518%2019.9352%203.99959%2019.0874%203.8278C18.8517%203.78003%2018.6909%203.55861%2018.7238%203.32032L18.8266%202.57422C18.8605%202.32806%2019.0876%202.15602%2019.3337%202.18995L30.5016%203.72935C30.7478%203.76328%2030.9198%203.99033%2030.8859%204.23649L30.783%204.98259Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(35%2C%2035%2C%2035)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.548%2025.411C99.5833%2025.411%2098.7668%2025.0893%2098.0988%2024.446C97.4307%2023.778%2097.0967%2022.9491%2097.0967%2021.9594C97.0967%2020.945%2097.4307%2020.1037%2098.0988%2019.4357C98.7668%2018.7676%2099.5833%2018.4336%20100.548%2018.4336C101.513%2018.4336%20102.33%2018.7676%20102.998%2019.4357C103.666%2020.1037%20104%2020.945%20104%2021.9594C104%2022.9491%20103.666%2023.778%20102.998%2024.446C102.33%2025.0893%20101.513%2025.411%20100.548%2025.411Z%22%20fill%3D%22%236FF79D%22%20style%3D%22fill%3A%20rgb(111%2C%20247%2C%20157)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://cdn.prod.website-files.com/62f3ec776d43f24bab1af55a/630f3a8808f9aff8782e9c4b_32.png", "ogImage": "https://cdn.prod.website-files.com/62f3ec776d43f24bab1af55a/6316048488210d2f0013990c_6cf8355eb1f409eae732edbe3808bb16_Metadata.jpg", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, aligning with the brand 'Happl'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 5, "text": "Learn More", "reasoning": "Button #0 has a vibrant and eye-catching background color (#CAFE83) and action-oriented text ('Learn More'), making it a strong candidate for the primary CTA." }, "secondary": { "index": 1, "text": "Submit", "reasoning": "Button #3 has a different vibrant color (#3898EC) and serves as a secondary action with the text 'Submit', making it suitable as a secondary CTA." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "corporate HR and employee benefits managers" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, aligning with the brand 'Happl'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```