Boom Brand: Colors, Fonts, Logo & Visual Identity
Boom Brand Identity
A complete profile of Boom's visual system — colors, typography, components, and personality — extracted from boomsupersonic.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from boomsupersonic.com.
- primary: #FF0000
- secondary: #1EA0C3
- accent: #FF9900
- background: #000000
- textPrimary: #FFFFFF
- link: #FF9900
Typography
Each font links to its Google Fonts page where available.
Visual Assets
UI Components
Live previews rendered using Boom's actual button styles.
Input
- background: #212427
- textColor: #88898A
- borderColor: #525456
- borderRadius: 0px
- shadow: none
Button Secondary
- background: transparent
- textColor: #FFFFFF
- borderColor: #FFFFFF
- borderRadius: 0px
- shadow: none
Brand Personality
- Tone: modern
- Energy: high
- Audience: technology enthusiasts and aviation professionals
Boom Brand in the Wild
Frequently Asked Questions
What is Boom's primary brand color?
Boom's primary brand color is #FF0000. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Boom use?
Boom uses #FF9900 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Boom use?
Boom uses Arial for body text and Styrene A for headings. Fonts were detected on boomsupersonic.com as part of their live design system.
Does Boom use a light or dark theme?
Boom's primary site uses a dark color scheme, with a background of #000000.
Where can I find Boom's logo?
Boom's logo is available directly on their site (boomsupersonic.com). 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 boomsupersonic.com 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 Boom.
Machine-Readable Profile
{
"colorScheme": "dark",
"fonts": [
{"family": "Styrene A", "role": "heading"},
{"family": "Arial", "role": "body"},
{"family": "Helvetica", "role": "body"}
],
"colors": {
"primary": "#FF0000",
"secondary": "#1EA0C3",
"accent": "#FF9900",
"background": "#000000",
"textPrimary": "#FFFFFF",
"link": "#FF9900"
},
"typography": {
"fontFamilies": {
"primary": "Arial",
"heading": "Styrene A"
},
"fontStacks": {
"heading": ["Styrene A", "Arial", "Helvetica", "sans-serif"],
"body": ["Styrene A", "Arial", "Helvetica", "sans-serif"],
"paragraph": ["Styrene A", "Arial", "Helvetica", "sans-serif"]
},
"fontSizes": {
"h1": "48px",
"h2": "40px",
"body": "16px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "0px"
},
"components": {
"input": {
"background": "#212427",
"textColor": "#88898A",
"borderColor": "#525456",
"borderRadius": "0px",
"shadow": "none"
},
"buttonSecondary": {
"background": "transparent",
"textColor": "#FFFFFF",
"borderColor": "#FFFFFF",
"borderRadius": "0px",
"shadow": "none"
}
},
"images": {
"logo": "https://boomsupersonic.com/wp-content/uploads/2021/10/logo.svg",
"favicon": "https://boomsupersonic.com/apple-touch-icon.png",
"ogImage": "https://boomsupersonic.com/wp-content/uploads/2023/06/facebook_og.jpg",
"logoHref": "https://boomsupersonic.com/",
"logoAlt": "Boom"
},
"personality": {
"tone": "modern",
"energy": "high",
"targetAudience": "technology enthusiasts and aviation professionals"
}
}