Sparkles Brand: Colors, Fonts, Logo & Visual Identity
Sparkles Brand Identity
A complete profile of Sparkles's visual system — colors, typography, components, and personality — extracted from https://sparkles.dev. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://sparkles.dev.
| Color | Hex | RGB |
|---|---|---|
| primary | #54B16C | rgb(84, 177, 108) |
| accent | #54B16C | rgb(84, 177, 108) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #18181B | rgb(24, 24, 27) |
| link | #54B16C | rgb(84, 177, 108) |
Typography
Each font links to its Google Fonts page where available.
| Role | Family | Google Fonts Link |
|---|---|---|
| primary | Articulat CF | Google Fonts → |
| heading | Gelica | Google Fonts → |
Visual Assets
Logo
Favicon
UI Components
Live previews rendered using Sparkles's actual button styles.
Input
- Background: #27272A
- Text Color: #FFFFFF
- Border Color: #3F3F46
- Border Radius: 10px
- Shadow: none
Button Primary
- Background: #18181B
- Text Color: #FFFFFF
- Border Color: #3F3F46
- Border Radius: 8px
- Shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px
Button Secondary
- Background: #171717
- Text Color: #FAFAFA
- Border Radius: 8px
- Shadow: none
Brand Personality
Tone: modern
Energy: medium
Audience: developers and project managers
Sparkles Brand in the Wild
Image: sparkles.dev
Image: i.ytimg.com
Image: preview.redd.it
Image: cdn.lapa.ninja
Image: i.ytimg.com
Frequently Asked Questions
What is Sparkles's primary brand color?
Sparkles's primary brand color is #54B16C. It anchors the visual identity across their website, product UI, and marketing materials.What font does Sparkles use?
Sparkles uses Articulat CF for body text and Gelica for headings. Fonts were detected on https://sparkles.dev as part of their live design system.Does Sparkles use a light or dark theme?
Sparkles's primary site uses a light color scheme, with a background of #FFFFFF.Where can I find Sparkles's logo?
Sparkles's logo is available directly on their site (https://sparkles.dev). 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://sparkles.dev using the Firecrawl branding extraction API.
Methodology
Brand data on this page was extracted from https://sparkles.dev on 2026-07-27 using the Firecrawl branding extraction API.