# Lucis Brand Identity

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

## Color Palette

Brand palette extracted from https://www.lucis.life.

Primary: #000000  
Secondary: #272D2B  
Accent: #000000  
Background: #272D2B  
Text Primary: #272D2B  
Link: #000000

## Typography

Each font links to its Google Fonts page where available.

Primary: rationalText  
Heading: abcDiatype

## Visual Assets

Logo  
  
Favicon  
  
Social Card

## UI Components

Live previews rendered using Lucis's actual button styles.

### Button Primary  
- background: #000000  
- text color: #FFFFFF  
- border radius: 33554400px  
- shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 4px 4px -2px, rgba(0, 0, 0, 0.04) 0px 12px 16px 4px, rgba(0, 0, 0, 0.08) 0px 8px 32px 0px

### Button Secondary  
- background: transparent  
- text color: #272D2B  
- border color: #1F2422  
- border radius: 33554400px  
- shadow: none

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** health-conscious individuals

## Lucis Brand in the Wild

Source: [shop.lucis.life](https://shop.lucis.life/blogs/lab/nutty-pudding)

Source: [lucis.life](https://www.lucis.life/blog)

Source: [shop.lucis.life](https://shop.lucis.life/blogs/lab/3-months-of-tracking-here-are-7-tips-that-lead-me-to-high-quality-sleep)

Source: [lucis.life](https://www.lucis.life/blog)

Source: [lucis.life](https://www.lucis.life/blog)

## Frequently Asked Questions

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

2. **What font does Lucis use?**  
   Lucis uses rationalText for body text and abcDiatype for headings. Fonts were detected on https://www.lucis.life as part of their live design system.

3. **Does Lucis use a light or dark theme?**  
   Lucis's primary site uses a light color scheme, with a background of #272D2B.

4. **Where can I find Lucis's logo?**  
   Lucis's logo is available directly on their site (https://www.lucis.life). The current logo URL is included in the machine-readable JSON profile linked above.

5. **How was this brand profile generated?**  
   This profile was extracted from https://www.lucis.life 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 Lucis.