# Astro Brand Identity

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

## Color Palette

Brand palette extracted from https://www.astroenergy.ai/.

| Color      | Hex      | RGB                  |
|------------|----------|----------------------|
| primary    | #676F7E  | rgb(103, 111, 126)   |
| secondary  | #F9BC06  | rgb(249, 188, 6)     |
| accent     | #F9BC06  | rgb(249, 188, 6)     |
| background | #FFFFFF  | rgb(255, 255, 255)   |
| textPrimary| #2B303B  | rgb(43, 48, 59)      |
| link       | #2B303B  | rgb(43, 48, 59)      |

## Typography

Each font links to its Google Fonts page where available.

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

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Astro's actual button styles.

### Button Primary

- background: #F9BC06
- textColor: #21242C
- borderRadius: 6px
- shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px

### Button Secondary

- background: transparent
- textColor: #FFFFFF
- borderColor: #FFFFFF
- borderRadius: 6px

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** businesses and environmentally conscious consumers

## Astro Brand in the Wild

Image source: [astroenergy.lovable.app](https://astroenergy.lovable.app/og-image.png)

Image source: [m.media-amazon.com](https://m.media-amazon.com/images/I/81wyLd1OKSL._AC_UF894,1000_QL80_.jpg)

Image source: [portal.astrologyhub.com](https://portal.astrologyhub.com/wp-content/uploads/2023/12/3month-astro-guide-portrait-1012eaa9ba08bb204bce049c5de4bda5-61b10a3a802ad.jpeg)

Image source: [astro.build](https://astro.build/_image?href=https%3A%2F%2Fstorage.googleapis.com%2Fdev-portal-bucket%2Fiprl4kftgx8krll8gfv71qus32py7xxr07jx4w.webp&w=1600&h=900&f=webp&dpl=69d0e3ffadab8d0008a55f56)

Image source: [content-technology.com](https://content-technology.com/wp-content/uploads/2022/06/Astro-Addressable-Advertising.jpg)

## Frequently Asked Questions

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

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

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

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

5. **Where can I find Astro's logo?**  
   Astro's logo is available directly on their site (https://www.astroenergy.ai/). 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.astroenergy.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 Astro.
  
## Methodology

Brand data on this page was extracted from [https://www.astroenergy.ai/](https://www.astroenergy.ai/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.