Bumpline Brand: Colors, Fonts, Logo & Visual Identity
Bumpline Brand Identity
A complete profile of Bumpline's visual system — colors, typography, components, and personality — extracted from https://bumpline.com/. Built for designers, agents, and AI tools.
Colors
Primary
- #19184A
Accent
- #637CF7
Color Palette
Brand palette extracted from https://bumpline.com/.
- Primary: #19184A (rgb(25, 24, 74))
- Secondary: #0F172A (rgb(15, 23, 42))
- Accent: #637CF7 (rgb(99, 124, 247))
- Background: #F8FAFC (rgb(248, 250, 252))
- Text Primary: #343434 (rgb(52, 52, 52))
- Link: #637CF7 (rgb(99, 124, 247))
Typography
Each font links to its Google Fonts page where available.
- Primary Font: DM Sans (Google Fonts →)
- Heading Font: Product Sans (Google Fonts →)
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Bumpline's actual button styles.
Input Component
- Background: #FFFFFF
- Text Color: #0F172A
- Border Color: #E2E8F0
- Border Radius: 13.08px
- Shadow: none
Button Primary
- Background: #EEF1FC
- Text Color: #343434
- Border Color: #BFCAFAb
- Border Radius: 13.08px
- Shadow: rgba(99, 124, 247, 0.12) 0px 0px 0px 1px, rgba(99, 124, 247, 0.12) 0px 4px 12px -4px
Button Secondary
- Background: #FEFEFE
- Text Color: #343434
- Border Radius: 13.08px
- Shadow: rgba(255, 60, 60, 0.32) 0px 6px 20px 0px, rgba(255, 80, 60, 0.15) 0px 2px 6px 0px
Brand Personality
- Tone: professional
- Energy: medium
- Audience: businesses looking to purchase premium domains
Frequently Asked Questions
What is Bumpline's primary brand color?
Bumpline's primary brand color is #19184A. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Bumpline use?
Bumpline uses #637CF7 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Bumpline use?
Bumpline uses DM Sans for body text and Product Sans for headings.
Does Bumpline use a light or dark theme?
Bumpline's primary site uses a light color scheme, with a background of #F8FAFC.
Where can I find Bumpline's logo?
Bumpline's logo is available directly on their site (Bumpline).
How was this brand profile generated?
This profile was extracted from https://bumpline.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 Bumpline.