# Astro Mechanica Brand Identity

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

## Color Palette
Brand palette extracted from https://astromecha.co/.  
**primary** #8DF3F9  
**rgb(141, 243, 249)**  
**accent** #8DF3F9  
**rgb(141, 243, 249)**  
**background** #000000  
**rgb(0, 0, 0)**  
**textPrimary** #000000  
**rgb(0, 0, 0)**  
**link** #8DF3F9  
**rgb(141, 243, 249)**

## Typography
Each font links to its Google Fonts page where available.  
**primary** TWK lausanne  
[Google Fonts →](https://fonts.google.com/specimen/TWK+lausanne)  
**heading** TWK lausanne  
[Google Fonts →](https://fonts.google.com/specimen/TWK+lausanne)

## Visual Assets

**Logo**  
  
**Favicon**  
  
**Social Card**

## UI Components
Live previews rendered using Astro Mechanica's actual button styles.

**Input**  
**background** #212121  
**textColor** #FFFFFF  
**borderColor** #FFFFFF  
**borderRadius** 3px  
**shadow** none

**Button Primary**  
**background** #8DF3F9  
**textColor** #000000  
**borderColor** #8DF3F9  
**borderRadius** 3px  
**shadow** none

**Button Secondary**  
**background** #080808  
**textColor** #8DF3F9  
**borderColor** #8DF3F9  
**borderRadius** 3px  
**shadow** none

## Brand Personality
**Tone:** modern  
**Energy:** medium  
**Audience:** tech-savvy individuals

## Astro Mechanica Brand in the Wild

**Image Source:** [cdn.prod.website-files.com](https://cdn.prod.website-files.com/668ebb99f10b691ef26d2d27/672a7900fb55006707a55ab4_Astro%20Mechanica%20Priscilla%20Rodriguez.webp)  
**Source:** [astromecha.co](https://www.astromecha.co/contact)

**Image Source:** [cdn.prod.website-files.com](https://cdn.prod.website-files.com/668ebb99f10b691ef26d2d27/672a6d96aa6ce4505339a11e_AstroGarage.webp)  
**Source:** [astromecha.co](https://www.astromecha.co/news)

**Image Source:** [cdn.prod.website-files.com](https://cdn.prod.website-files.com/668ebb99f10b691ef26d2d27/66c7ca18a4d3ff1c7443a570_am-clouds-distortion-desktop.webp)  
**Source:** [astromecha.co](https://www.astromecha.co/)

**Image Source:** [cdn.prod.website-files.com](https://cdn.prod.website-files.com/668ebb99f10b691ef26d2d27%2F6737d28b425009fb35c6544e_1114%282%29-poster-00001.jpg)  
**Source:** [astromecha.co](https://www.astromecha.co/)

**Image Source:** [cdn.prod.website-files.com](https://cdn.prod.website-files.com/668ebb99f10b691ef26d2d27%2F68013907bd657593bb03578c_Animation_6_MP4-poster-00001.jpg)  
**Source:** [astromecha.co](https://www.astromecha.co/)

**Image Source:** [cdn.prod.website-files.com](https://cdn.prod.website-files.com/66fb05affba1ed0891e18c70/6729852455127ce93c1e043f_Allplane.png)  
**Source:** [astromecha.co](https://www.astromecha.co/news)

## Frequently Asked Questions  
**What is Astro Mechanica's primary brand color?**  
Astro Mechanica's primary brand color is #8DF3F9. It anchors the visual identity across their website, product UI, and marketing materials.

**What font does Astro Mechanica use?**  
Astro Mechanica uses TWK lausanne as the primary typeface across body and headings.

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

**Where can I find Astro Mechanica's logo?**  
Astro Mechanica's logo is available directly on their site (https://astromecha.co/). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from https://astromecha.co/ 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 Mechanica.

## Methodology
Brand data on this page was extracted from [https://astromecha.co/](https://astromecha.co/) 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. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Astro Mechanica.