# Lysto Brand Identity

A complete profile of **Lysto**'s visual system — colors, typography, components, and personality — extracted from [https://lysto.ai/](https://lysto.ai/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://lysto.ai/

| Color Name   | Hex Code | RGB                  |
|--------------|----------|---------------------|
| primary      | #1A202C  | rgb(26, 32, 44)     |
| secondary    | #2D3748  | rgb(45, 55, 72)     |
| accent       | #3965FF  | rgb(57, 101, 255)   |
| background   | #FFFFFF  | rgb(255, 255, 255)  |
| textPrimary  | #3965FF  | rgb(57, 101, 255)   |
| link         | #3965FF  | rgb(57, 101, 255)   |

## Typography

Each font links to its Google Fonts page where available.

| Role   | Font Family  | Google Fonts Link                     |
|--------|--------------|---------------------------------------|
| primary| DM Sans      | [DM Sans →](https://fonts.google.com/specimen/DM+Sans) |
| heading| DM Sans      | [DM Sans →](https://fonts.google.com/specimen/DM+Sans) |

-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol

## Visual Assets

## UI Components

### Input

- **Background**: #FFFFFF  
- **Text Color**: #2D3748  
- **Border Color**: #E2E8F0  
- **Border Radius**: 8px  
- **Shadow**: none

### Button Primary

- **Background**: #3965FF  
- **Text Color**: #FFFFFF  
- **Border Radius**: 6px  
- **Shadow**: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px

### Button Secondary

- **Background**: #FFFFFF  
- **Text Color**: #2D3748  
- **Border Color**: #CBD5E0  
- **Border Radius**: 6px  
- **Shadow**: rgba(112, 144, 176, 0.08) 45px 76px 113px 7px

## Brand Personality

- **Tone**: modern  
- **Energy**: medium  
- **Audience**: tech-savvy professionals

## Lysto Brand in the Wild

*Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/6436c3ac9f9fd0594d00b9fc/69ce67d282cb4a1d2a35d962_DRlysto.png)*  
*Source: [salesforge.ai](https://www.salesforge.ai/de/directory/sales-tools/lysto)*

*Image: [lysto.gg](https://lysto.gg/images/solutions_hero.webp)*  
*Source: [lysto.gg](https://lysto.gg/solutions)*

*Image: [play-lh.googleusercontent.com](https://play-lh.googleusercontent.com/OzbKlv917z6uuZjBlZsVPbmKilc1p9-lDg75L23SDArIVGsUpsOvmbftUtpJoY5qD5eGvnrVo-nOmou5rWmwvhQ)*  
*Source: [play.google.com](https://play.google.com/store/apps/details?id=com.lysto.lystoapp)*

*Image: [studio.lysto.gg](https://studio.lysto.gg/_next/image?url=%2Fimages%2FcarouselImages%2Fimage_three.webp&w=3840&q=75)*  
*Source: [studio.lysto.gg](https://studio.lysto.gg/)*

## Frequently Asked Questions

1. **What is Lysto's primary brand color?**  
   Lysto's primary brand color is #1A202C. It anchors the visual identity across their website, product UI, and marketing materials.

2. **What accent color does Lysto use?**  
   Lysto uses #3965FF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. **What font does Lysto use?**  
   Lysto uses DM Sans as the primary typeface across body and headings.

4. **Does Lysto use a light or dark theme?**  
   Lysto's primary site uses a light color scheme, with a background of #FFFFFF.

5. **How was this brand profile generated?**  
   This profile was extracted from https://lysto.ai/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Lysto.