# Lacework Brand Identity A complete profile of **Lacework**'s visual system — colors, typography, components, and personality — extracted from https://dev-lacework-builder.netlify.app. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/lacework - Machine-readable JSON: https://characterquilt.com/branding/lacework.json - Per-page llms.txt: https://characterquilt.com/branding/lacework/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #1540F3 | | Accent | #E20364 | | Body Font | NB International | | Heading Font | NB International | ## Color Palette - primary: #1540F3 - secondary: #E20364 - accent: #E20364 - background: #F7F9FC - textPrimary: #01023B - link: #01023B ## Typography - primary: NB International — https://fonts.google.com/specimen/NB+International - heading: NB International — https://fonts.google.com/specimen/NB+International ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22w-%5B160px%5D%20mx-0%22%20id%3D%22Primary_Lockup_Light_Registered_%22%20data-name%3D%22Primary%20Lockup%20(Light%20Registered)%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%201900%20315.41%22%20data-fc-idx%3D%220%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl(%23Lacework_Coral_Gradient_RGB)%3B%7D.cls-2%7Bfill%3Aurl(%23Lacework_Blue_Gradient_RGB)%3B%7D.cls-3%7Bfill%3Aurl(%23Lacework_Teal_Gradient_RGB)%3B%7D.cls-4%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22Lacework_Coral_Gradient_RGB%22%20x1%3D%22-37.72%22%20y1%3D%228.1%22%20x2%3D%2233.69%22%20y2%3D%22131.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2301023b%22%20style%3D%22stop-color%3A%20rgb(1%2C%202%2C%2059)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff646c%22%20style%3D%22stop-color%3A%20rgb(255%2C%20100%2C%20108)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Lacework_Blue_Gradient_RGB%22%20x1%3D%22309.12%22%20y1%3D%2236.3%22%20x2%3D%22241.14%22%20y2%3D%22154.05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2301023b%22%20style%3D%22stop-color%3A%20rgb(1%2C%202%2C%2059)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.24%22%20stop-color%3D%22%23071573%22%20style%3D%22stop-color%3A%20rgb(7%2C%2021%2C%20115)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.49%22%20stop-color%3D%22%230d27aa%22%20style%3D%22stop-color%3A%20rgb(13%2C%2039%2C%20170)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.72%22%20stop-color%3D%22%231135d2%22%20style%3D%22stop-color%3A%20rgb(17%2C%2053%2C%20210)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.89%22%20stop-color%3D%22%23143dea%22%20style%3D%22stop-color%3A%20rgb(20%2C%2061%2C%20234)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231540f3%22%20style%3D%22stop-color%3A%20rgb(21%2C%2064%2C%20243)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Lacework_Teal_Gradient_RGB%22%20y1%3D%2227.57%22%20x2%3D%22287.68%22%20y2%3D%2227.57%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.2%22%20stop-color%3D%22%2300f8f8%22%20style%3D%22stop-color%3A%20rgb(0%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.3%22%20stop-color%3D%22%2300f4f8%22%20style%3D%22stop-color%3A%20rgb(0%2C%20244%2C%20248)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.4%22%20stop-color%3D%22%2302e7f8%22%20style%3D%22stop-color%3A%20rgb(2%2C%20231%2C%20248)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.51%22%20stop-color%3D%22%2304d3f7%22%20style%3D%22stop-color%3A%20rgb(4%2C%20211%2C%20247)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.61%22%20stop-color%3D%22%2308b6f6%22%20style%3D%22stop-color%3A%20rgb(8%2C%20182%2C%20246)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.72%22%20stop-color%3D%22%230c90f5%22%20style%3D%22stop-color%3A%20rgb(12%2C%20144%2C%20245)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.83%22%20stop-color%3D%22%231163f4%22%20style%3D%22stop-color%3A%20rgb(17%2C%2099%2C%20244)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.9%22%20stop-color%3D%22%231540f3%22%20style%3D%22stop-color%3A%20rgb(21%2C%2064%2C%20243)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Primary_Lockup_Light_Registered_2%22%20data-name%3D%22Primary%20Lockup%20(Light%20Registered)%22%3E%3Cg%20id%3D%22Shield%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M143.84%2C315.41S0%2C284.06%2C0%2C143.45V0L57.16%2C55.15v88.3c0%2C83.6%2C86.68%2C112%2C86.68%2C112Z%22%20style%3D%22fill%3A%20url(%26quot%3B%23Lacework_Coral_Gradient_RGB%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M143.84%2C315.41s143.84-31.35%2C143.84-172V0L230.53%2C55.15v88.3c0%2C83.6-86.69%2C112-86.69%2C112Z%22%20style%3D%22fill%3A%20url(%26quot%3B%23Lacework_Blue_Gradient_RGB%26quot%3B)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%22230.53%2055.15%2057.16%2055.15%200%200%20287.68%200%20230.53%2055.15%22%20style%3D%22fill%3A%20url(%26quot%3B%23Lacework_Teal_Gradient_RGB%26quot%3B)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Wordmark%22%3E%3Cg%20id%3D%22Wordmark-2%22%20data-name%3D%22Wordmark%22%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M853.54%2C178.84l-.1.71c-4.55%2C32.29-26.12%2C50.08-60.75%2C50.08-41.86%2C0-68.9-29.57-68.9-75.34S750.83%2C79%2C792.69%2C79c33%2C0%2C54.24%2C16.83%2C58.4%2C46.16l.1.71H883l-.1-.92c-2.25-20.26-11.17-38.6-25.13-51.64-16.06-15-38.56-23-65.08-23-60.13%2C0-100.53%2C41.79-100.53%2C104s40.4%2C104%2C100.53%2C104c38.73%2C0%2C86.18-20.56%2C92.42-78.51l.1-.92Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%22942.91%20226.46%20942.91%20165.43%201030.72%20165.43%201030.72%20136.8%20942.91%20136.8%20942.91%2083.89%201040.18%2083.89%201040.18%2055.24%20911.55%2055.24%20911.55%20255.1%201041.53%20255.1%201041.53%20226.46%20942.91%20226.46%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%22416.43%2055.15%20416.43%20226.36%20506.94%20226.36%20506.94%20255%20385.07%20255%20385.07%2055.15%20416.43%2055.15%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%221270.53%2055.24%201239.13%20223.52%201207.45%2055.24%201157.6%2055.24%201125.92%20223.52%201094.54%2055.24%201063.9%2055.24%201063.95%2063.85%201100.59%20255.1%201150.72%20255.1%201182.47%2085.78%201214.34%20255.1%201264.47%20255.1%201301.16%2063.34%201301.16%2055.24%201270.53%2055.24%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M1413.13%2C50.31c-61.74%2C0-103.22%2C41.79-103.22%2C104s41.48%2C104%2C103.22%2C104%2C103.22-41.79%2C103.22-104S1474.87%2C50.31%2C1413.13%2C50.31Zm71.59%2C104c0%2C45.22-28.77%2C75.61-71.59%2C75.61-44.15%2C0-71.59-29-71.59-75.61s27.44-75.61%2C71.59-75.61C1456%2C78.68%2C1484.72%2C109.07%2C1484.72%2C154.29Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%221857.25%2075.83%201857.25%2055.24%201833.35%2055.24%201740%20143.48%201740%2055.24%201708.65%2055.24%201708.65%20255.1%201740%20255.1%201740%20184.84%201763.32%20163.2%201835.67%20255.1%201857.25%20255.1%201857.25%20233.9%201785.69%20142.34%201857.25%2075.83%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M1640.2%2C171.9c27.73-6.62%2C43.65-27.3%2C43.75-56.89.11-37.21-24.07-59.49-64.68-59.62l-80-.24L1538.67%2C255l31.36.1.25-81%2C35.32.12L1658%2C255.1h25.63l.06-21.2S1640.13%2C171.92%2C1640.2%2C171.9Zm-69.65-88.72%2C45.93.14c24.7.08%2C36.17%2C9.89%2C36.11%2C30.89S1641%2C145%2C1616.3%2C144.88l-45.94-.14Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M629.82%2C55.15H585.27L528.81%2C240.24V255h28.61l17.84-59.95h64.57L657.67%2C255h28.68V240.24Zm-46%2C110.48%2C23.56-79.88%2C23.78%2C79.88Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Registered%22%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M1889%2C255.1A11.08%2C11.08%2C0%2C1%2C1%2C1900%2C244%2C11.08%2C11.08%2C0%2C0%2C1%2C1889%2C255.1Zm0-21.21A10.12%2C10.12%2C0%2C1%2C0%2C1899.06%2C244%2C10.14%2C10.14%2C0%2C0%2C0%2C1889%2C233.89Zm-5%2C3.52h6.5a4%2C4%2C0%2C0%2C1%2C3.87%2C4%2C3.79%2C3.79%2C0%2C0%2C1-2.21%2C3.55c-.09%2C0-.09.16-.06.22l2.39%2C5.28a.12.12%2C0%2C0%2C1-.12.19h-1.48a.35.35%2C0%2C0%2C1-.32-.16l-2.17-5a.21.21%2C0%2C0%2C0-.22-.12h-4.46a.08.08%2C0%2C0%2C0-.09.09v5a.15.15%2C0%2C0%2C1-.16.16H1884a.15.15%2C0%2C0%2C1-.16-.16V237.56A.14.14%2C0%2C0%2C1%2C1884%2C237.41Zm1.79%2C1.6a.15.15%2C0%2C0%2C0-.16.16v4.46a.15.15%2C0%2C0%2C0%2C.16.16h4.55a2.38%2C2.38%2C0%2C0%2C0%2C2.23-2.36%2C2.44%2C2.44%2C0%2C0%2C0-2.29-2.42Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E - Social card (og:image): https://cdn.builder.io/api/v1/image/assets%2Ff3229fa9116546a5bb8eacf7cc42baaa%2F9823acd777974e68b2bba777395ce82b ## UI Components - input: background=#2B3A71, textColor=#FFFFFF, borderColor=null, borderRadius=9999px, shadow=none - buttonPrimary: background=#E20364, textColor=#FFFFFF, borderRadius=9999px, shadow=none - buttonSecondary: background=#1540F3, textColor=#FFFFFF, borderRadius=9999px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: DevOps and IT professionals ## Lacework Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Lacework: Unleashing CISO Barbie for a brand activation - Shaped By** - Image: https://shaped-by.com/wp-content/uploads/2023/07/barbie_case_32_mob.png - Source: https://shaped-by.com/work/lacework-unleashing-ciso-barbie-for-a-brand-activation/ - **AWS Compliance :: AWS Immersion Day with Lacework** - Image: https://lacework.awsworkshop.io/images/lacework-aws-compliance-report.png - Source: https://lacework.awsworkshop.io/2_lacework_aws_overview/23_aws_compliance.html - **Amaya Design - Lacework** - Image: https://cdn.myportfolio.com/e7430b21-b93b-46ae-99e8-b8c29d87855c/7a1fa19e-f38e-450b-b994-1a30278157d1_rw_1920.png?h=2f41d7a6eb6ae8e695090ce0a11479b6 - Source: https://amaya.design/lacework-website - **From 🌉 to🗽to 🎡, we're letting the world know about our BIG code security news this week. ICYMI 👀 here are five ways we're helping customers start securely at the source: 1️⃣** - Image: https://media.licdn.com/dms/image/v2/D5610AQHTe1pcN5joCA/image-shrink_800/image-shrink_800/0/1700320505308?e=2147483647&v=beta&t=VIYQoD1MR71GQlCozFHsauIT02Lot8ZchSsRcHGK7_E - Source: https://www.linkedin.com/posts/lacework_from-toto-were-letting-the-world-activity-7131661281274580992-9wcu - **AWS Compliance :: AWS Immersion Day with Lacework** - Image: https://lacework.awsworkshop.io/images/lacework-compliance-recommendations.png - Source: https://lacework.awsworkshop.io/2_lacework_aws_overview/23_aws_compliance.html - **Philip Jackson - Lacework Website** - Image: https://cdn.myportfolio.com/14e40a24-1732-4db7-afce-1658c573fc3e/31f1327e-1ed2-4cf9-a609-871288611a05_rwc_285x311x1428x1116x1428.jpg?h=2428fa0f6feae1c1032eafa60b1652cf - Source: https://bluebike.design/website-redesign-for-aws-security-startup ## 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": "NB International", "role": "unknown" } ], "colors": { "primary": "#1540F3", "secondary": "#E20364", "accent": "#E20364", "background": "#F7F9FC", "textPrimary": "#01023B", "link": "#01023B" }, "typography": { "fontFamilies": { "primary": "NB International", "heading": "NB International" }, "fontStacks": { "heading": [ "nb-international" ], "body": [ "nb-international" ], "paragraph": [ "nb-international" ] }, "fontSizes": { "h1": "48px", "h2": "42px", "body": "18px" } }, "spacing": { "baseUnit": 4, "borderRadius": "15px" }, "components": { "input": { "background": "#2B3A71", "textColor": "#FFFFFF", "borderColor": null, "borderRadius": "9999px", "borderRadiusCorners": { "topLeft": "9999px", "topRight": "9999px", "bottomRight": "9999px", "bottomLeft": "9999px" }, "shadow": "none" }, "buttonPrimary": { "background": "#E20364", "textColor": "#FFFFFF", "borderRadius": "9999px", "borderRadiusCorners": { "topLeft": "9999px", "topRight": "9999px", "bottomRight": "9999px", "bottomLeft": "9999px" }, "shadow": "none" }, "buttonSecondary": { "background": "#1540F3", "textColor": "#FFFFFF", "borderRadius": "9999px", "borderRadiusCorners": { "topLeft": "9999px", "topRight": "9999px", "bottomRight": "9999px", "bottomLeft": "9999px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22w-%5B160px%5D%20mx-0%22%20id%3D%22Primary_Lockup_Light_Registered_%22%20data-name%3D%22Primary%20Lockup%20(Light%20Registered)%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%201900%20315.41%22%20data-fc-idx%3D%220%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl(%23Lacework_Coral_Gradient_RGB)%3B%7D.cls-2%7Bfill%3Aurl(%23Lacework_Blue_Gradient_RGB)%3B%7D.cls-3%7Bfill%3Aurl(%23Lacework_Teal_Gradient_RGB)%3B%7D.cls-4%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22Lacework_Coral_Gradient_RGB%22%20x1%3D%22-37.72%22%20y1%3D%228.1%22%20x2%3D%2233.69%22%20y2%3D%22131.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2301023b%22%20style%3D%22stop-color%3A%20rgb(1%2C%202%2C%2059)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff646c%22%20style%3D%22stop-color%3A%20rgb(255%2C%20100%2C%20108)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Lacework_Blue_Gradient_RGB%22%20x1%3D%22309.12%22%20y1%3D%2236.3%22%20x2%3D%22241.14%22%20y2%3D%22154.05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2301023b%22%20style%3D%22stop-color%3A%20rgb(1%2C%202%2C%2059)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.24%22%20stop-color%3D%22%23071573%22%20style%3D%22stop-color%3A%20rgb(7%2C%2021%2C%20115)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.49%22%20stop-color%3D%22%230d27aa%22%20style%3D%22stop-color%3A%20rgb(13%2C%2039%2C%20170)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.72%22%20stop-color%3D%22%231135d2%22%20style%3D%22stop-color%3A%20rgb(17%2C%2053%2C%20210)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.89%22%20stop-color%3D%22%23143dea%22%20style%3D%22stop-color%3A%20rgb(20%2C%2061%2C%20234)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231540f3%22%20style%3D%22stop-color%3A%20rgb(21%2C%2064%2C%20243)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22Lacework_Teal_Gradient_RGB%22%20y1%3D%2227.57%22%20x2%3D%22287.68%22%20y2%3D%2227.57%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.2%22%20stop-color%3D%22%2300f8f8%22%20style%3D%22stop-color%3A%20rgb(0%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.3%22%20stop-color%3D%22%2300f4f8%22%20style%3D%22stop-color%3A%20rgb(0%2C%20244%2C%20248)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.4%22%20stop-color%3D%22%2302e7f8%22%20style%3D%22stop-color%3A%20rgb(2%2C%20231%2C%20248)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.51%22%20stop-color%3D%22%2304d3f7%22%20style%3D%22stop-color%3A%20rgb(4%2C%20211%2C%20247)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.61%22%20stop-color%3D%22%2308b6f6%22%20style%3D%22stop-color%3A%20rgb(8%2C%20182%2C%20246)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.72%22%20stop-color%3D%22%230c90f5%22%20style%3D%22stop-color%3A%20rgb(12%2C%20144%2C%20245)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.83%22%20stop-color%3D%22%231163f4%22%20style%3D%22stop-color%3A%20rgb(17%2C%2099%2C%20244)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%220.9%22%20stop-color%3D%22%231540f3%22%20style%3D%22stop-color%3A%20rgb(21%2C%2064%2C%20243)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Primary_Lockup_Light_Registered_2%22%20data-name%3D%22Primary%20Lockup%20(Light%20Registered)%22%3E%3Cg%20id%3D%22Shield%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M143.84%2C315.41S0%2C284.06%2C0%2C143.45V0L57.16%2C55.15v88.3c0%2C83.6%2C86.68%2C112%2C86.68%2C112Z%22%20style%3D%22fill%3A%20url(%26quot%3B%23Lacework_Coral_Gradient_RGB%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M143.84%2C315.41s143.84-31.35%2C143.84-172V0L230.53%2C55.15v88.3c0%2C83.6-86.69%2C112-86.69%2C112Z%22%20style%3D%22fill%3A%20url(%26quot%3B%23Lacework_Blue_Gradient_RGB%26quot%3B)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-3%22%20points%3D%22230.53%2055.15%2057.16%2055.15%200%200%20287.68%200%20230.53%2055.15%22%20style%3D%22fill%3A%20url(%26quot%3B%23Lacework_Teal_Gradient_RGB%26quot%3B)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Wordmark%22%3E%3Cg%20id%3D%22Wordmark-2%22%20data-name%3D%22Wordmark%22%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M853.54%2C178.84l-.1.71c-4.55%2C32.29-26.12%2C50.08-60.75%2C50.08-41.86%2C0-68.9-29.57-68.9-75.34S750.83%2C79%2C792.69%2C79c33%2C0%2C54.24%2C16.83%2C58.4%2C46.16l.1.71H883l-.1-.92c-2.25-20.26-11.17-38.6-25.13-51.64-16.06-15-38.56-23-65.08-23-60.13%2C0-100.53%2C41.79-100.53%2C104s40.4%2C104%2C100.53%2C104c38.73%2C0%2C86.18-20.56%2C92.42-78.51l.1-.92Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%22942.91%20226.46%20942.91%20165.43%201030.72%20165.43%201030.72%20136.8%20942.91%20136.8%20942.91%2083.89%201040.18%2083.89%201040.18%2055.24%20911.55%2055.24%20911.55%20255.1%201041.53%20255.1%201041.53%20226.46%20942.91%20226.46%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%22416.43%2055.15%20416.43%20226.36%20506.94%20226.36%20506.94%20255%20385.07%20255%20385.07%2055.15%20416.43%2055.15%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%221270.53%2055.24%201239.13%20223.52%201207.45%2055.24%201157.6%2055.24%201125.92%20223.52%201094.54%2055.24%201063.9%2055.24%201063.95%2063.85%201100.59%20255.1%201150.72%20255.1%201182.47%2085.78%201214.34%20255.1%201264.47%20255.1%201301.16%2063.34%201301.16%2055.24%201270.53%2055.24%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M1413.13%2C50.31c-61.74%2C0-103.22%2C41.79-103.22%2C104s41.48%2C104%2C103.22%2C104%2C103.22-41.79%2C103.22-104S1474.87%2C50.31%2C1413.13%2C50.31Zm71.59%2C104c0%2C45.22-28.77%2C75.61-71.59%2C75.61-44.15%2C0-71.59-29-71.59-75.61s27.44-75.61%2C71.59-75.61C1456%2C78.68%2C1484.72%2C109.07%2C1484.72%2C154.29Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%221857.25%2075.83%201857.25%2055.24%201833.35%2055.24%201740%20143.48%201740%2055.24%201708.65%2055.24%201708.65%20255.1%201740%20255.1%201740%20184.84%201763.32%20163.2%201835.67%20255.1%201857.25%20255.1%201857.25%20233.9%201785.69%20142.34%201857.25%2075.83%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M1640.2%2C171.9c27.73-6.62%2C43.65-27.3%2C43.75-56.89.11-37.21-24.07-59.49-64.68-59.62l-80-.24L1538.67%2C255l31.36.1.25-81%2C35.32.12L1658%2C255.1h25.63l.06-21.2S1640.13%2C171.92%2C1640.2%2C171.9Zm-69.65-88.72%2C45.93.14c24.7.08%2C36.17%2C9.89%2C36.11%2C30.89S1641%2C145%2C1616.3%2C144.88l-45.94-.14Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M629.82%2C55.15H585.27L528.81%2C240.24V255h28.61l17.84-59.95h64.57L657.67%2C255h28.68V240.24Zm-46%2C110.48%2C23.56-79.88%2C23.78%2C79.88Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Registered%22%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M1889%2C255.1A11.08%2C11.08%2C0%2C1%2C1%2C1900%2C244%2C11.08%2C11.08%2C0%2C0%2C1%2C1889%2C255.1Zm0-21.21A10.12%2C10.12%2C0%2C1%2C0%2C1899.06%2C244%2C10.14%2C10.14%2C0%2C0%2C0%2C1889%2C233.89Zm-5%2C3.52h6.5a4%2C4%2C0%2C0%2C1%2C3.87%2C4%2C3.79%2C3.79%2C0%2C0%2C1-2.21%2C3.55c-.09%2C0-.09.16-.06.22l2.39%2C5.28a.12.12%2C0%2C0%2C1-.12.19h-1.48a.35.35%2C0%2C0%2C1-.32-.16l-2.17-5a.21.21%2C0%2C0%2C0-.22-.12h-4.46a.08.08%2C0%2C0%2C0-.09.09v5a.15.15%2C0%2C0%2C1-.16.16H1884a.15.15%2C0%2C0%2C1-.16-.16V237.56A.14.14%2C0%2C0%2C1%2C1884%2C237.41Zm1.79%2C1.6a.15.15%2C0%2C0%2C0-.16.16v4.46a.15.15%2C0%2C0%2C0%2C.16.16h4.55a2.38%2C2.38%2C0%2C0%2C0%2C2.23-2.36%2C2.44%2C2.44%2C0%2C0%2C0-2.29-2.42Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E", "favicon": null, "ogImage": "https://cdn.builder.io/api/v1/image/assets%2Ff3229fa9116546a5bb8eacf7cc42baaa%2F9823acd777974e68b2bba777395ce82b", "logoHref": "/", "logoAlt": ".cls-1{fill:url(#Lacework_Coral_Gradient_RGB);}.cls-2{fill:url(#Lacework_Blue_Gradient_RGB);}.cls-3{fill:url(#Lacework_Teal_Gradient_RGB);}.cls-4{fill:#fff;}" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Lacework'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Contact Us", "reasoning": "Button #0 'Contact Us' uses a vibrant brand color (#E20364) and is labeled as 'button-primary', indicating it is the main call-to-action." }, "secondary": { "index": 4, "text": "Submit", "reasoning": "Button #4 'Submit' uses a different vibrant color (#1540F3) and serves as a secondary action, distinct from the primary button's color group." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "DevOps and IT professionals" }, "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, and links to the homepage, matching the brand 'Lacework'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```