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.

Color Palette

Brand palette extracted from https://dev-lacework-builder.netlify.app.

• Primary: #1540F3
• Secondary: #E20364
• Accent: #E20364
• Background: #F7F9FC
• Text Primary: #01023B
• Link: #01023B

Typography

Each font links to its Google Fonts page where available.

• Primary: NB International Google Fonts →
• Heading: NB International Google 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.
...

Visual Assets

%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...%3C%2Fdefs%3E)

Logo

UI Components

Live previews rendered using Lacework's actual button styles.

Input

Style:

• Background: #2B3A71
• Text Color: #FFFFFF
• Border Radius: 9999px

Button Primary

Style:

• Background: #E20364
• Text Color: #FFFFFF
• Border Radius: 9999px

Button Secondary

Style:

• Background: #1540F3
• Text Color: #FFFFFF
• Border Radius: 9999px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: DevOps and IT professionals

Frequently Asked Questions

What is Lacework's primary brand color? Lacework's primary brand color is #1540F3. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Lacework use? Lacework uses #E20364 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Lacework use? Lacework uses NB International as the primary typeface across body and headings.

Does Lacework use a light or dark theme? Lacework's primary site uses a light color scheme, with a background of #F7F9FC.

Where can I find Lacework's logo? Lacework's logo is available directly on their site (https://dev-lacework-builder.netlify.app). The current logo URL is included in the machine-readable JSON profile linked above.