# Clerk Brand Identity A complete profile of **Clerk**'s visual system — colors, typography, components, and personality — extracted from https://clerk.com/?ref=startups.gallery. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/clerk - Machine-readable JSON: https://characterquilt.com/branding/clerk.json - Per-page llms.txt: https://characterquilt.com/branding/clerk/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #747686 | | Accent | #6C47FF | | Body Font | Geist | | Heading Font | Geist | ## Color Palette - primary: #747686 - secondary: #5E5F6E - accent: #6C47FF - background: #F7F7F8 - textPrimary: #131316 - link: #6C47FF ## Typography - primary: Geist — https://fonts.google.com/specimen/Geist - heading: Geist — https://fonts.google.com/specimen/Geist ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2062%2018%22%20fill%3D%22none%22%20aria-hidden%3D%22true%22%20class%3D%22h-%5B1.125rem%5D%22%20style%3D%22--logo-fill%3A%23131316%3B--logo-fill-light%3A%23F7F7F8%22%20data-fc-idx%3D%220%22%3E%3Cellipse%20cx%3D%229.00023%22%20cy%3D%229%22%20rx%3D%222.81249%22%20ry%3D%222.8125%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cellipse%20cx%3D%229.00023%22%20cy%3D%229%22%20rx%3D%222.81249%22%20ry%3D%222.8125%22%20fill%3D%22url(%23logomark-center-gradient)%22%20fill-opacity%3D%220.15%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.15%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23logomark-center-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.15%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0714%2015.6581C14.3106%2015.8974%2014.2866%2016.2936%2014.0055%2016.4819C12.5749%2017.4401%2010.8543%2017.999%209.0032%2017.999C7.15208%2017.999%205.43149%2017.4401%204.00095%2016.4819C3.71979%2016.2936%203.69577%2015.8974%203.93505%2015.6581L5.99039%2013.6028C6.17615%2013.417%206.46433%2013.3877%206.69814%2013.5074C7.3895%2013.8616%208.17302%2014.0615%209.0032%2014.0615C9.83339%2014.0615%2010.6169%2013.8616%2011.3083%2013.5074C11.5421%2013.3877%2011.8303%2013.417%2012.016%2013.6028L14.0714%2015.6581Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0714%2015.6581C14.3106%2015.8974%2014.2866%2016.2936%2014.0055%2016.4819C12.5749%2017.4401%2010.8543%2017.999%209.0032%2017.999C7.15208%2017.999%205.43149%2017.4401%204.00095%2016.4819C3.71979%2016.2936%203.69577%2015.8974%203.93505%2015.6581L5.99039%2013.6028C6.17615%2013.417%206.46433%2013.3877%206.69814%2013.5074C7.3895%2013.8616%208.17302%2014.0615%209.0032%2014.0615C9.83339%2014.0615%2010.6169%2013.8616%2011.3083%2013.5074C11.5421%2013.3877%2011.8303%2013.417%2012.016%2013.6028L14.0714%2015.6581Z%22%20fill%3D%22url(%23logomark-bottom-gradient)%22%20fill-opacity%3D%220.15%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.15%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23logomark-bottom-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.15%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0022%201.51706C14.2834%201.70539%2014.3074%202.10155%2014.0681%202.34084L12.0128%204.39619C11.827%204.58195%2011.5388%204.61129%2011.305%204.49151C10.6136%204.13733%209.83014%203.9375%208.99996%203.9375C6.20403%203.9375%203.93748%206.20406%203.93748%209C3.93748%209.83019%204.13731%2010.6137%204.49149%2011.3051C4.61127%2011.5389%204.58193%2011.827%204.39617%2012.0128L2.34083%2014.0682C2.10154%2014.3074%201.70538%2014.2834%201.51705%2014.0023C0.558857%2012.5717%200%2010.8511%200%209C0%204.02944%204.02942%200%208.99996%200C10.8511%200%2012.5717%200.55886%2014.0022%201.51706Z%22%20fill-opacity%3D%220.5%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%20fill-opacity%3A%200.5%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0022%201.51706C14.2834%201.70539%2014.3074%202.10155%2014.0681%202.34084L12.0128%204.39619C11.827%204.58195%2011.5388%204.61129%2011.305%204.49151C10.6136%204.13733%209.83014%203.9375%208.99996%203.9375C6.20403%203.9375%203.93748%206.20406%203.93748%209C3.93748%209.83019%204.13731%2010.6137%204.49149%2011.3051C4.61127%2011.5389%204.58193%2011.827%204.39617%2012.0128L2.34083%2014.0682C2.10154%2014.3074%201.70538%2014.2834%201.51705%2014.0023C0.558857%2012.5717%200%2010.8511%200%209C0%204.02944%204.02942%200%208.99996%200C10.8511%200%2012.5717%200.55886%2014.0022%201.51706Z%22%20fill%3D%22url(%23logomark-arc-gradient)%22%20fill-opacity%3D%220.3%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.3%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23logomark-arc-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.3%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M23.4915%205.76562C25.0873%205.76562%2026.766%206.38409%2027.8372%207.58105C27.888%207.63838%2027.8805%207.72617%2027.8225%207.77637L26.3987%209.00879C26.34%209.05935%2026.2517%209.05239%2026.1985%208.99609C25.8873%208.66673%2025.5113%208.40159%2025.093%208.21582C24.6314%208.01097%2024.1291%207.90807%2023.6223%207.91504C21.7327%207.91504%2020.473%209.21003%2020.4729%2011.1035C20.4729%2012.0492%2020.7861%2012.8427%2021.3303%2013.3984C21.63%2013.692%2021.988%2013.9231%2022.3821%2014.0762C22.7762%2014.2293%2023.1985%2014.3016%2023.6223%2014.2891C24.1241%2014.2935%2024.6215%2014.1978%2025.0842%2014.0078C25.506%2013.8347%2025.8913%2013.5866%2026.22%2013.2764C26.2738%2013.2255%2026.3582%2013.2221%2026.4143%2013.2705L27.8762%2014.5312C27.9358%2014.5827%2027.9415%2014.6737%2027.887%2014.7305C26.9582%2015.6985%2025.3743%2016.453%2023.4065%2016.4531C21.837%2016.4531%2020.4766%2015.9024%2019.5217%2014.9648C18.5669%2014.0272%2018.0003%2012.699%2018.0002%2011.1221C18.0002%207.93345%2020.2785%205.7657%2023.4915%205.76562Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M23.4915%205.76562C25.0873%205.76562%2026.766%206.38409%2027.8372%207.58105C27.888%207.63838%2027.8805%207.72617%2027.8225%207.77637L26.3987%209.00879C26.34%209.05935%2026.2517%209.05239%2026.1985%208.99609C25.8873%208.66673%2025.5113%208.40159%2025.093%208.21582C24.6314%208.01097%2024.1291%207.90807%2023.6223%207.91504C21.7327%207.91504%2020.473%209.21003%2020.4729%2011.1035C20.4729%2012.0492%2020.7861%2012.8427%2021.3303%2013.3984C21.63%2013.692%2021.988%2013.9231%2022.3821%2014.0762C22.7762%2014.2293%2023.1985%2014.3016%2023.6223%2014.2891C24.1241%2014.2935%2024.6215%2014.1978%2025.0842%2014.0078C25.506%2013.8347%2025.8913%2013.5866%2026.22%2013.2764C26.2738%2013.2255%2026.3582%2013.2221%2026.4143%2013.2705L27.8762%2014.5312C27.9358%2014.5827%2027.9415%2014.6737%2027.887%2014.7305C26.9582%2015.6985%2025.3743%2016.453%2023.4065%2016.4531C21.837%2016.4531%2020.4766%2015.9024%2019.5217%2014.9648C18.5669%2014.0272%2018.0003%2012.699%2018.0002%2011.1221C18.0002%207.93345%2020.2785%205.7657%2023.4915%205.76562Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.3333%205.7666C41.4425%205.76675%2043.4532%207.95337%2043.4534%2010.9727C43.4495%2011.2509%2043.4324%2011.5291%2043.4016%2011.8057C43.3938%2011.876%2043.3336%2011.9285%2043.2629%2011.9287H35.8733C35.7835%2011.9287%2035.7171%2012.012%2035.7405%2012.0986C36.1081%2013.4612%2037.2036%2014.286%2038.6995%2014.2861C39.2036%2014.2967%2039.7036%2014.1925%2040.1604%2013.9824C40.5861%2013.7867%2040.9645%2013.5043%2041.2688%2013.1533C41.3055%2013.111%2041.3692%2013.1039%2041.4124%2013.1396L42.8977%2014.4336C42.9545%2014.483%2042.9628%2014.5685%2042.9143%2014.626C42.0174%2015.6841%2040.5638%2016.4531%2038.5696%2016.4531C35.5017%2016.4531%2033.1877%2014.3283%2033.1877%2011.1006C33.1878%209.51718%2033.7332%208.18955%2034.6418%207.25195C35.1215%206.76984%2035.6965%206.3892%2036.3313%206.13379C36.9661%205.87843%2037.6475%205.75334%2038.3333%205.7666ZM38.4583%207.91211C38.0701%207.8998%2037.6834%207.97024%2037.3254%208.11816C36.9677%208.26614%2036.6465%208.48845%2036.384%208.76953C36.108%209.08254%2035.9036%209.44976%2035.7844%209.8457C35.7583%209.93249%2035.8256%2010.0176%2035.9163%2010.0176H40.8293C40.9201%2010.0175%2040.9874%209.93196%2040.9622%209.84473C40.6273%208.68588%2039.7775%207.91221%2038.4583%207.91211Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.3333%205.7666C41.4425%205.76675%2043.4532%207.95337%2043.4534%2010.9727C43.4495%2011.2509%2043.4324%2011.5291%2043.4016%2011.8057C43.3938%2011.876%2043.3336%2011.9285%2043.2629%2011.9287H35.8733C35.7835%2011.9287%2035.7171%2012.012%2035.7405%2012.0986C36.1081%2013.4612%2037.2036%2014.286%2038.6995%2014.2861C39.2036%2014.2967%2039.7036%2014.1925%2040.1604%2013.9824C40.5861%2013.7867%2040.9645%2013.5043%2041.2688%2013.1533C41.3055%2013.111%2041.3692%2013.1039%2041.4124%2013.1396L42.8977%2014.4336C42.9545%2014.483%2042.9628%2014.5685%2042.9143%2014.626C42.0174%2015.6841%2040.5638%2016.4531%2038.5696%2016.4531C35.5017%2016.4531%2033.1877%2014.3283%2033.1877%2011.1006C33.1878%209.51718%2033.7332%208.18955%2034.6418%207.25195C35.1215%206.76984%2035.6965%206.3892%2036.3313%206.13379C36.9661%205.87843%2037.6475%205.75334%2038.3333%205.7666ZM38.4583%207.91211C38.0701%207.8998%2037.6834%207.97024%2037.3254%208.11816C36.9677%208.26614%2036.6465%208.48845%2036.384%208.76953C36.108%209.08254%2035.9036%209.44976%2035.7844%209.8457C35.7583%209.93249%2035.8256%2010.0176%2035.9163%2010.0176H40.8293C40.9201%2010.0175%2040.9874%209.93196%2040.9622%209.84473C40.6273%208.68588%2039.7775%207.91221%2038.4583%207.91211Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M31.6409%201.6875C31.7185%201.68754%2031.7815%201.75048%2031.7815%201.82812V16.1719C31.7815%2016.2495%2031.7185%2016.3125%2031.6409%2016.3125H29.5315C29.4538%2016.3125%2029.3909%2016.2495%2029.3909%2016.1719V1.82812C29.3909%201.75046%2029.4538%201.6875%2029.5315%201.6875H31.6409Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M31.6409%201.6875C31.7185%201.68754%2031.7815%201.75048%2031.7815%201.82812V16.1719C31.7815%2016.2495%2031.7185%2016.3125%2031.6409%2016.3125H29.5315C29.4538%2016.3125%2029.3909%2016.2495%2029.3909%2016.1719V1.82812C29.3909%201.75046%2029.4538%201.6875%2029.5315%201.6875H31.6409Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M50.7639%205.76758C50.8422%205.76673%2050.9065%205.82994%2050.9065%205.9082V8.26953C50.9065%208.35134%2050.8367%208.41616%2050.7551%208.41016C50.5272%208.39326%2050.3114%208.37891%2050.1702%208.37891C48.3304%208.37899%2047.2504%209.67343%2047.2502%2011.373V16.1719C47.2502%2016.2495%2047.1872%2016.3124%2047.1096%2016.3125H45.0002C44.9226%2016.3125%2044.8596%2016.2495%2044.8596%2016.1719V6.05371C44.8597%205.97608%2044.9226%205.91309%2045.0002%205.91309H47.1096C47.1872%205.91317%2047.2502%205.97613%2047.2502%206.05371V7.47363C47.2502%207.48165%2047.2569%207.48828%2047.2649%207.48828C47.2694%207.48819%2047.2739%207.48601%2047.2766%207.48242C48.1012%206.38146%2049.3181%205.76855%2050.6038%205.76855L50.7639%205.76758Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M50.7639%205.76758C50.8422%205.76673%2050.9065%205.82994%2050.9065%205.9082V8.26953C50.9065%208.35134%2050.8367%208.41616%2050.7551%208.41016C50.5272%208.39326%2050.3114%208.37891%2050.1702%208.37891C48.3304%208.37899%2047.2504%209.67343%2047.2502%2011.373V16.1719C47.2502%2016.2495%2047.1872%2016.3124%2047.1096%2016.3125H45.0002C44.9226%2016.3125%2044.8596%2016.2495%2044.8596%2016.1719V6.05371C44.8597%205.97608%2044.9226%205.91309%2045.0002%205.91309H47.1096C47.1872%205.91317%2047.2502%205.97613%2047.2502%206.05371V7.47363C47.2502%207.48165%2047.2569%207.48828%2047.2649%207.48828C47.2694%207.48819%2047.2739%207.48601%2047.2766%207.48242C48.1012%206.38146%2049.3181%205.76855%2050.6038%205.76855L50.7639%205.76758Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M54.5627%201.6875C54.6403%201.68759%2054.7034%201.75052%2054.7034%201.82812V10.2979C54.7037%2010.4258%2054.8609%2010.4869%2054.9475%2010.3926L59.0266%205.94629C59.0532%205.91731%2059.0908%205.90039%2059.1301%205.90039H61.6311C61.7531%205.90039%2061.8175%206.04536%2061.7356%206.13574L58.2102%2010.0254C58.1681%2010.0719%2058.1615%2010.141%2058.1946%2010.1943L61.8538%2016.0977C61.9118%2016.1913%2061.8448%2016.3124%2061.7346%2016.3125H59.3362C59.2878%2016.3124%2059.2426%2016.2872%2059.217%2016.2461L56.55%2011.959C56.5417%2011.9458%2056.5266%2011.9385%2056.511%2011.9385C56.4985%2011.9386%2056.4863%2011.943%2056.4778%2011.9521L54.7405%2013.8193C54.7165%2013.8453%2054.7034%2013.8797%2054.7034%2013.915V16.1719C54.7034%2016.2495%2054.6403%2016.3124%2054.5627%2016.3125H52.4534C52.3757%2016.3125%2052.3127%2016.2495%2052.3127%2016.1719V1.82812C52.3127%201.75046%2052.3757%201.6875%2052.4534%201.6875H54.5627Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M54.5627%201.6875C54.6403%201.68759%2054.7034%201.75052%2054.7034%201.82812V10.2979C54.7037%2010.4258%2054.8609%2010.4869%2054.9475%2010.3926L59.0266%205.94629C59.0532%205.91731%2059.0908%205.90039%2059.1301%205.90039H61.6311C61.7531%205.90039%2061.8175%206.04536%2061.7356%206.13574L58.2102%2010.0254C58.1681%2010.0719%2058.1615%2010.141%2058.1946%2010.1943L61.8538%2016.0977C61.9118%2016.1913%2061.8448%2016.3124%2061.7346%2016.3125H59.3362C59.2878%2016.3124%2059.2426%2016.2872%2059.217%2016.2461L56.55%2011.959C56.5417%2011.9458%2056.5266%2011.9385%2056.511%2011.9385C56.4985%2011.9386%2056.4863%2011.943%2056.4778%2011.9521L54.7405%2013.8193C54.7165%2013.8453%2054.7034%2013.8797%2054.7034%2013.915V16.1719C54.7034%2016.2495%2054.6403%2016.3124%2054.5627%2016.3125H52.4534C52.3757%2016.3125%2052.3127%2016.2495%2052.3127%2016.1719V1.82812C52.3127%201.75046%2052.3757%201.6875%2052.4534%201.6875H54.5627Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3ClinearGradient%20id%3D%22logomark-center-gradient%22%20x1%3D%229.00023%22%20y1%3D%226.1875%22%20x2%3D%229.00023%22%20y2%3D%2211.8125%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logomark-bottom-gradient%22%20x1%3D%229.0032%22%20y1%3D%2213.2852%22%20x2%3D%229.0032%22%20y2%3D%2217.999%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logomark-arc-gradient%22%20x1%3D%227.25939%22%20y1%3D%220%22%20x2%3D%227.25939%22%20y2%3D%2214.5188%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22white%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22text-gradient%22%20x1%3D%2239.9378%22%20y1%3D%221.6875%22%20x2%3D%2239.9378%22%20y2%3D%2216.4531%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E - Favicon: https://clerk.com/v2/favicon.ico - Social card (og:image): https://clerk.com/opengraph-image.jpg?opengraph-image.1473831d.jpg ## UI Components - buttonPrimary: background=#6C47FF, textColor=#FFFFFF, borderRadius=6px, shadow=rgb(255, 255, 255) 0px 0px 0px 0px, rgb(108, 71, 255) 0px 0px 0px 1px, rgba(255, 255, 255, 0.07) 0px 1px 0px 0px inset, rgba(33, 33, 38, 0.2) 0px 1px 3px 0px - buttonSecondary: background=#131316, textColor=#FFFFFF, borderRadius=0px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: developers and tech companies ## Clerk Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **How do I implement passkeys in Next.js?** - Image: https://clerk.com/_media/blog/how-do-i-implement-passkeys-in-nextjs/passkeys-registration-diagram.png?hash=5X8wPvn957w8P6BLqGWa5sDjM7YPn483BBdtapaL7bI - Source: https://clerk.com/blog/how-do-i-implement-passkeys-in-nextjs - **RedwoodJS Blog Tutorial with Clerk** - Image: https://clerk.com/_media/blog/redwoodjs-blog-tutorial-with-clerk/2733571d4e74adab3f76818c54be7968d468dd9c-2348x1372.png?hash=QVJvsChnZUoxnPttRFJ2i2EIG69nLcXPo2uhpMWHQJE - Source: https://clerk.com/blog/redwoodjs-blog-tutorial-with-clerk - **AI Authentication** - Image: https://clerk.com/_next/static/media/glow-1.ee83d4e9.png - Source: https://clerk.com/ai-authentication - **RedwoodJS Blog Tutorial with Clerk** - Image: https://clerk.com/_next/image?url=%2F_media%2Fblog%2Fredwoodjs-blog-tutorial-with-clerk%2F236ace22fef0e9872a3e9659315b1db0ee6f9fdf-1200x630.png%3Fhash%3D7cFrFLJrPx4HKcSeBgDzFrHZRt8sQqStABmvU6TDmxM&w=3840&q=75&dpl=dpl_6F7UNXr6Tb7skxQMeZoWFM77cGxd - Source: https://clerk.com/blog/redwoodjs-blog-tutorial-with-clerk - **Clerk Webhooks: Data Sync with Convex** - Image: https://clerk.com/_media/blog/webhooks-getting-started/2198f52b2bb1382d78469b0de94c962c25c0782d-4800x2520.png?hash=zdHFdryui3xpHWvDFi8nRVG9miv3ql-HGJGZTN1Epr0 - Source: https://clerk.com/blog/webhooks-data-sync-convex - **Blog** - Image: https://clerk.com/_next/image?url=%2F_media%2Fblog%2F2026-03-03-clerk-for-the-ai-era%2Fog.png%3Fhash%3D9HpP_g0_mWG2B--ROrxBwJgdwoQ5JmQYdzIQwvf5i90&w=3840&q=95&dpl=dpl_8mVAcj48TNiEC8uj89iJhQdp3BPP - Source: https://clerk.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": "Geist", "role": "unknown" }, { "family": "Suisse", "role": "unknown" } ], "colors": { "primary": "#747686", "secondary": "#5E5F6E", "accent": "#6C47FF", "background": "#F7F7F8", "textPrimary": "#131316", "link": "#6C47FF" }, "typography": { "fontFamilies": { "primary": "Geist", "heading": "Geist" }, "fontStacks": { "heading": [ "Geist", "Suisse" ], "body": [ "Geist", "Suisse" ], "paragraph": [ "Geist", "Suisse" ] }, "fontSizes": { "h1": "64px", "h2": "13px", "body": "18px" } }, "spacing": { "baseUnit": 4, "borderRadius": "6px" }, "components": { "buttonPrimary": { "background": "#6C47FF", "textColor": "#FFFFFF", "borderRadius": "6px", "borderRadiusCorners": { "topLeft": "6px", "topRight": "6px", "bottomRight": "6px", "bottomLeft": "6px" }, "shadow": "rgb(255, 255, 255) 0px 0px 0px 0px, rgb(108, 71, 255) 0px 0px 0px 1px, rgba(255, 255, 255, 0.07) 0px 1px 0px 0px inset, rgba(33, 33, 38, 0.2) 0px 1px 3px 0px" }, "buttonSecondary": { "background": "#131316", "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%20viewBox%3D%220%200%2062%2018%22%20fill%3D%22none%22%20aria-hidden%3D%22true%22%20class%3D%22h-%5B1.125rem%5D%22%20style%3D%22--logo-fill%3A%23131316%3B--logo-fill-light%3A%23F7F7F8%22%20data-fc-idx%3D%220%22%3E%3Cellipse%20cx%3D%229.00023%22%20cy%3D%229%22%20rx%3D%222.81249%22%20ry%3D%222.8125%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cellipse%20cx%3D%229.00023%22%20cy%3D%229%22%20rx%3D%222.81249%22%20ry%3D%222.8125%22%20fill%3D%22url(%23logomark-center-gradient)%22%20fill-opacity%3D%220.15%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.15%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23logomark-center-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.15%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0714%2015.6581C14.3106%2015.8974%2014.2866%2016.2936%2014.0055%2016.4819C12.5749%2017.4401%2010.8543%2017.999%209.0032%2017.999C7.15208%2017.999%205.43149%2017.4401%204.00095%2016.4819C3.71979%2016.2936%203.69577%2015.8974%203.93505%2015.6581L5.99039%2013.6028C6.17615%2013.417%206.46433%2013.3877%206.69814%2013.5074C7.3895%2013.8616%208.17302%2014.0615%209.0032%2014.0615C9.83339%2014.0615%2010.6169%2013.8616%2011.3083%2013.5074C11.5421%2013.3877%2011.8303%2013.417%2012.016%2013.6028L14.0714%2015.6581Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0714%2015.6581C14.3106%2015.8974%2014.2866%2016.2936%2014.0055%2016.4819C12.5749%2017.4401%2010.8543%2017.999%209.0032%2017.999C7.15208%2017.999%205.43149%2017.4401%204.00095%2016.4819C3.71979%2016.2936%203.69577%2015.8974%203.93505%2015.6581L5.99039%2013.6028C6.17615%2013.417%206.46433%2013.3877%206.69814%2013.5074C7.3895%2013.8616%208.17302%2014.0615%209.0032%2014.0615C9.83339%2014.0615%2010.6169%2013.8616%2011.3083%2013.5074C11.5421%2013.3877%2011.8303%2013.417%2012.016%2013.6028L14.0714%2015.6581Z%22%20fill%3D%22url(%23logomark-bottom-gradient)%22%20fill-opacity%3D%220.15%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.15%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23logomark-bottom-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.15%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0022%201.51706C14.2834%201.70539%2014.3074%202.10155%2014.0681%202.34084L12.0128%204.39619C11.827%204.58195%2011.5388%204.61129%2011.305%204.49151C10.6136%204.13733%209.83014%203.9375%208.99996%203.9375C6.20403%203.9375%203.93748%206.20406%203.93748%209C3.93748%209.83019%204.13731%2010.6137%204.49149%2011.3051C4.61127%2011.5389%204.58193%2011.827%204.39617%2012.0128L2.34083%2014.0682C2.10154%2014.3074%201.70538%2014.2834%201.51705%2014.0023C0.558857%2012.5717%200%2010.8511%200%209C0%204.02944%204.02942%200%208.99996%200C10.8511%200%2012.5717%200.55886%2014.0022%201.51706Z%22%20fill-opacity%3D%220.5%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%20fill-opacity%3A%200.5%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.0022%201.51706C14.2834%201.70539%2014.3074%202.10155%2014.0681%202.34084L12.0128%204.39619C11.827%204.58195%2011.5388%204.61129%2011.305%204.49151C10.6136%204.13733%209.83014%203.9375%208.99996%203.9375C6.20403%203.9375%203.93748%206.20406%203.93748%209C3.93748%209.83019%204.13731%2010.6137%204.49149%2011.3051C4.61127%2011.5389%204.58193%2011.827%204.39617%2012.0128L2.34083%2014.0682C2.10154%2014.3074%201.70538%2014.2834%201.51705%2014.0023C0.558857%2012.5717%200%2010.8511%200%209C0%204.02944%204.02942%200%208.99996%200C10.8511%200%2012.5717%200.55886%2014.0022%201.51706Z%22%20fill%3D%22url(%23logomark-arc-gradient)%22%20fill-opacity%3D%220.3%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.3%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23logomark-arc-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.3%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M23.4915%205.76562C25.0873%205.76562%2026.766%206.38409%2027.8372%207.58105C27.888%207.63838%2027.8805%207.72617%2027.8225%207.77637L26.3987%209.00879C26.34%209.05935%2026.2517%209.05239%2026.1985%208.99609C25.8873%208.66673%2025.5113%208.40159%2025.093%208.21582C24.6314%208.01097%2024.1291%207.90807%2023.6223%207.91504C21.7327%207.91504%2020.473%209.21003%2020.4729%2011.1035C20.4729%2012.0492%2020.7861%2012.8427%2021.3303%2013.3984C21.63%2013.692%2021.988%2013.9231%2022.3821%2014.0762C22.7762%2014.2293%2023.1985%2014.3016%2023.6223%2014.2891C24.1241%2014.2935%2024.6215%2014.1978%2025.0842%2014.0078C25.506%2013.8347%2025.8913%2013.5866%2026.22%2013.2764C26.2738%2013.2255%2026.3582%2013.2221%2026.4143%2013.2705L27.8762%2014.5312C27.9358%2014.5827%2027.9415%2014.6737%2027.887%2014.7305C26.9582%2015.6985%2025.3743%2016.453%2023.4065%2016.4531C21.837%2016.4531%2020.4766%2015.9024%2019.5217%2014.9648C18.5669%2014.0272%2018.0003%2012.699%2018.0002%2011.1221C18.0002%207.93345%2020.2785%205.7657%2023.4915%205.76562Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M23.4915%205.76562C25.0873%205.76562%2026.766%206.38409%2027.8372%207.58105C27.888%207.63838%2027.8805%207.72617%2027.8225%207.77637L26.3987%209.00879C26.34%209.05935%2026.2517%209.05239%2026.1985%208.99609C25.8873%208.66673%2025.5113%208.40159%2025.093%208.21582C24.6314%208.01097%2024.1291%207.90807%2023.6223%207.91504C21.7327%207.91504%2020.473%209.21003%2020.4729%2011.1035C20.4729%2012.0492%2020.7861%2012.8427%2021.3303%2013.3984C21.63%2013.692%2021.988%2013.9231%2022.3821%2014.0762C22.7762%2014.2293%2023.1985%2014.3016%2023.6223%2014.2891C24.1241%2014.2935%2024.6215%2014.1978%2025.0842%2014.0078C25.506%2013.8347%2025.8913%2013.5866%2026.22%2013.2764C26.2738%2013.2255%2026.3582%2013.2221%2026.4143%2013.2705L27.8762%2014.5312C27.9358%2014.5827%2027.9415%2014.6737%2027.887%2014.7305C26.9582%2015.6985%2025.3743%2016.453%2023.4065%2016.4531C21.837%2016.4531%2020.4766%2015.9024%2019.5217%2014.9648C18.5669%2014.0272%2018.0003%2012.699%2018.0002%2011.1221C18.0002%207.93345%2020.2785%205.7657%2023.4915%205.76562Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.3333%205.7666C41.4425%205.76675%2043.4532%207.95337%2043.4534%2010.9727C43.4495%2011.2509%2043.4324%2011.5291%2043.4016%2011.8057C43.3938%2011.876%2043.3336%2011.9285%2043.2629%2011.9287H35.8733C35.7835%2011.9287%2035.7171%2012.012%2035.7405%2012.0986C36.1081%2013.4612%2037.2036%2014.286%2038.6995%2014.2861C39.2036%2014.2967%2039.7036%2014.1925%2040.1604%2013.9824C40.5861%2013.7867%2040.9645%2013.5043%2041.2688%2013.1533C41.3055%2013.111%2041.3692%2013.1039%2041.4124%2013.1396L42.8977%2014.4336C42.9545%2014.483%2042.9628%2014.5685%2042.9143%2014.626C42.0174%2015.6841%2040.5638%2016.4531%2038.5696%2016.4531C35.5017%2016.4531%2033.1877%2014.3283%2033.1877%2011.1006C33.1878%209.51718%2033.7332%208.18955%2034.6418%207.25195C35.1215%206.76984%2035.6965%206.3892%2036.3313%206.13379C36.9661%205.87843%2037.6475%205.75334%2038.3333%205.7666ZM38.4583%207.91211C38.0701%207.8998%2037.6834%207.97024%2037.3254%208.11816C36.9677%208.26614%2036.6465%208.48845%2036.384%208.76953C36.108%209.08254%2035.9036%209.44976%2035.7844%209.8457C35.7583%209.93249%2035.8256%2010.0176%2035.9163%2010.0176H40.8293C40.9201%2010.0175%2040.9874%209.93196%2040.9622%209.84473C40.6273%208.68588%2039.7775%207.91221%2038.4583%207.91211Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.3333%205.7666C41.4425%205.76675%2043.4532%207.95337%2043.4534%2010.9727C43.4495%2011.2509%2043.4324%2011.5291%2043.4016%2011.8057C43.3938%2011.876%2043.3336%2011.9285%2043.2629%2011.9287H35.8733C35.7835%2011.9287%2035.7171%2012.012%2035.7405%2012.0986C36.1081%2013.4612%2037.2036%2014.286%2038.6995%2014.2861C39.2036%2014.2967%2039.7036%2014.1925%2040.1604%2013.9824C40.5861%2013.7867%2040.9645%2013.5043%2041.2688%2013.1533C41.3055%2013.111%2041.3692%2013.1039%2041.4124%2013.1396L42.8977%2014.4336C42.9545%2014.483%2042.9628%2014.5685%2042.9143%2014.626C42.0174%2015.6841%2040.5638%2016.4531%2038.5696%2016.4531C35.5017%2016.4531%2033.1877%2014.3283%2033.1877%2011.1006C33.1878%209.51718%2033.7332%208.18955%2034.6418%207.25195C35.1215%206.76984%2035.6965%206.3892%2036.3313%206.13379C36.9661%205.87843%2037.6475%205.75334%2038.3333%205.7666ZM38.4583%207.91211C38.0701%207.8998%2037.6834%207.97024%2037.3254%208.11816C36.9677%208.26614%2036.6465%208.48845%2036.384%208.76953C36.108%209.08254%2035.9036%209.44976%2035.7844%209.8457C35.7583%209.93249%2035.8256%2010.0176%2035.9163%2010.0176H40.8293C40.9201%2010.0175%2040.9874%209.93196%2040.9622%209.84473C40.6273%208.68588%2039.7775%207.91221%2038.4583%207.91211Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M31.6409%201.6875C31.7185%201.68754%2031.7815%201.75048%2031.7815%201.82812V16.1719C31.7815%2016.2495%2031.7185%2016.3125%2031.6409%2016.3125H29.5315C29.4538%2016.3125%2029.3909%2016.2495%2029.3909%2016.1719V1.82812C29.3909%201.75046%2029.4538%201.6875%2029.5315%201.6875H31.6409Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M31.6409%201.6875C31.7185%201.68754%2031.7815%201.75048%2031.7815%201.82812V16.1719C31.7815%2016.2495%2031.7185%2016.3125%2031.6409%2016.3125H29.5315C29.4538%2016.3125%2029.3909%2016.2495%2029.3909%2016.1719V1.82812C29.3909%201.75046%2029.4538%201.6875%2029.5315%201.6875H31.6409Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M50.7639%205.76758C50.8422%205.76673%2050.9065%205.82994%2050.9065%205.9082V8.26953C50.9065%208.35134%2050.8367%208.41616%2050.7551%208.41016C50.5272%208.39326%2050.3114%208.37891%2050.1702%208.37891C48.3304%208.37899%2047.2504%209.67343%2047.2502%2011.373V16.1719C47.2502%2016.2495%2047.1872%2016.3124%2047.1096%2016.3125H45.0002C44.9226%2016.3125%2044.8596%2016.2495%2044.8596%2016.1719V6.05371C44.8597%205.97608%2044.9226%205.91309%2045.0002%205.91309H47.1096C47.1872%205.91317%2047.2502%205.97613%2047.2502%206.05371V7.47363C47.2502%207.48165%2047.2569%207.48828%2047.2649%207.48828C47.2694%207.48819%2047.2739%207.48601%2047.2766%207.48242C48.1012%206.38146%2049.3181%205.76855%2050.6038%205.76855L50.7639%205.76758Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M50.7639%205.76758C50.8422%205.76673%2050.9065%205.82994%2050.9065%205.9082V8.26953C50.9065%208.35134%2050.8367%208.41616%2050.7551%208.41016C50.5272%208.39326%2050.3114%208.37891%2050.1702%208.37891C48.3304%208.37899%2047.2504%209.67343%2047.2502%2011.373V16.1719C47.2502%2016.2495%2047.1872%2016.3124%2047.1096%2016.3125H45.0002C44.9226%2016.3125%2044.8596%2016.2495%2044.8596%2016.1719V6.05371C44.8597%205.97608%2044.9226%205.91309%2045.0002%205.91309H47.1096C47.1872%205.91317%2047.2502%205.97613%2047.2502%206.05371V7.47363C47.2502%207.48165%2047.2569%207.48828%2047.2649%207.48828C47.2694%207.48819%2047.2739%207.48601%2047.2766%207.48242C48.1012%206.38146%2049.3181%205.76855%2050.6038%205.76855L50.7639%205.76758Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M54.5627%201.6875C54.6403%201.68759%2054.7034%201.75052%2054.7034%201.82812V10.2979C54.7037%2010.4258%2054.8609%2010.4869%2054.9475%2010.3926L59.0266%205.94629C59.0532%205.91731%2059.0908%205.90039%2059.1301%205.90039H61.6311C61.7531%205.90039%2061.8175%206.04536%2061.7356%206.13574L58.2102%2010.0254C58.1681%2010.0719%2058.1615%2010.141%2058.1946%2010.1943L61.8538%2016.0977C61.9118%2016.1913%2061.8448%2016.3124%2061.7346%2016.3125H59.3362C59.2878%2016.3124%2059.2426%2016.2872%2059.217%2016.2461L56.55%2011.959C56.5417%2011.9458%2056.5266%2011.9385%2056.511%2011.9385C56.4985%2011.9386%2056.4863%2011.943%2056.4778%2011.9521L54.7405%2013.8193C54.7165%2013.8453%2054.7034%2013.8797%2054.7034%2013.915V16.1719C54.7034%2016.2495%2054.6403%2016.3124%2054.5627%2016.3125H52.4534C52.3757%2016.3125%2052.3127%2016.2495%2052.3127%2016.1719V1.82812C52.3127%201.75046%2052.3757%201.6875%2052.4534%201.6875H54.5627Z%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-%5B%23F7F7F8%5D%22%20style%3D%22fill%3A%20rgb(19%2C%2019%2C%2022)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M54.5627%201.6875C54.6403%201.68759%2054.7034%201.75052%2054.7034%201.82812V10.2979C54.7037%2010.4258%2054.8609%2010.4869%2054.9475%2010.3926L59.0266%205.94629C59.0532%205.91731%2059.0908%205.90039%2059.1301%205.90039H61.6311C61.7531%205.90039%2061.8175%206.04536%2061.7356%206.13574L58.2102%2010.0254C58.1681%2010.0719%2058.1615%2010.141%2058.1946%2010.1943L61.8538%2016.0977C61.9118%2016.1913%2061.8448%2016.3124%2061.7346%2016.3125H59.3362C59.2878%2016.3124%2059.2426%2016.2872%2059.217%2016.2461L56.55%2011.959C56.5417%2011.9458%2056.5266%2011.9385%2056.511%2011.9385C56.4985%2011.9386%2056.4863%2011.943%2056.4778%2011.9521L54.7405%2013.8193C54.7165%2013.8453%2054.7034%2013.8797%2054.7034%2013.915V16.1719C54.7034%2016.2495%2054.6403%2016.3124%2054.5627%2016.3125H52.4534C52.3757%2016.3125%2052.3127%2016.2495%2052.3127%2016.1719V1.82812C52.3127%201.75046%2052.3757%201.6875%2052.4534%201.6875H54.5627Z%22%20fill%3D%22url(%23text-gradient)%22%20fill-opacity%3D%220.1%22%20class%3D%22transition-%5Bcolor%2Cbackground-color%2Cborder-color%2Ctext-decoration-color%2Cfill%2Cstroke%2Cbox-shadow%2Cbackground%5D%20duration-%5B450ms%5D%20ease-%5Bcubic-bezier(0.33%2C1%2C0.68%2C1)%5D%20hover%3Aduration-200%20dark%3Afill-opacity-%5B0.1%5D%22%20style%3D%22fill%3A%20url(%26quot%3B%23text-gradient%26quot%3B)%20!important%3B%20fill-opacity%3A%200.1%20!important%3B%22%2F%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3ClinearGradient%20id%3D%22logomark-center-gradient%22%20x1%3D%229.00023%22%20y1%3D%226.1875%22%20x2%3D%229.00023%22%20y2%3D%2211.8125%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logomark-bottom-gradient%22%20x1%3D%229.0032%22%20y1%3D%2213.2852%22%20x2%3D%229.0032%22%20y2%3D%2217.999%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logomark-arc-gradient%22%20x1%3D%227.25939%22%20y1%3D%220%22%20x2%3D%227.25939%22%20y2%3D%2214.5188%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22white%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22text-gradient%22%20x1%3D%2239.9378%22%20y1%3D%221.6875%22%20x2%3D%2239.9378%22%20y2%3D%2216.4531%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E", "favicon": "https://clerk.com/v2/favicon.ico", "ogImage": "https://clerk.com/opengraph-image.jpg?opengraph-image.1473831d.jpg", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Clerk'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Start building for free", "reasoning": "Button #2 has a vibrant blue background (#6C47FF), which is the accent color, and the text 'Start building for free' is action-oriented, making it the primary CTA." }, "secondary": { "index": 3, "text": "Clerk raises $50m Series CLearn more", "reasoning": "Button #0 has a dark background (#131316) and the text 'Clerk raises $50m Series CLearn more', which is less action-oriented, making it suitable as a secondary button." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "developers and tech companies" }, "designSystem": { "framework": "tailwind", "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, links to the homepage, and matches the brand name 'Clerk'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```