# Awesomic Brand Identity

A complete profile of **Awesomic**'s visual system — colors, typography, components, and personality — extracted from [https://www.awesomic.com/?ref=yc](https://www.awesomic.com/?ref=yc). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://www.awesomic.com/?ref=yc.

- **primary**: #3898EC  
- **secondary**: #D0D8E9  
- **accent**: #09090B  
- **background**: #FFFFFF  
- **textPrimary**: #09090B  
- **link**: #222236

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Cosmica  
- **heading**: Cosmica  
  
Cosmica [Google Fonts →](https://fonts.google.com/specimen/Cosmica)

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Awesomic's actual button styles.

### Input

- **background**: #FFFFFF  
- **textColor**: #333333  
- **borderColor**: null  
- **borderRadius**: 14px  
- **shadow**: none

### Button Primary

- **background**: #09090B  
- **textColor**: #FFFFFF  
- **borderColor**: #FFFFFF  
- **borderRadius**: 14px  
- **shadow**: rgba(255, 255, 255, 0.5) 0px 0.5px 0px 0px inset, rgba(117, 123, 133, 0.4) 0px 9px 14px -5px inset, rgb(44, 46, 52) 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.14) 0px 4px 6px 0px

### Button Secondary

- **background**: #FAFAFA  
- **textColor**: #18181B  
- **borderColor**: #FFFFFF  
- **borderRadius**: 14px  
- **shadow**: none

## Brand Personality

- **Tone**: modern  
- **Energy**: medium  
- **Audience**: startups and enterprises

## Frequently Asked Questions

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

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

3. **What font does Awesomic use?**  
   Awesomic uses Cosmica as the primary typeface across body and headings.

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

5. **Where can I find Awesomic's logo?**  
   Awesomic's logo is available directly on their site (https://www.awesomic.com/?ref=yc). The current logo URL is included in the machine-readable JSON profile linked above.

6. **How was this brand profile generated?**  
   This profile was extracted from https://www.awesomic.com/?ref=yc 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 Awesomic.