Awesomic Brand Identity

A complete profile of Awesomic's visual system — colors, typography, components, and personality — extracted from 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 →

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.