SpadeWorks Brand: Colors, Fonts, Logo & Visual Identity
SpadeWorks Brand Identity
A complete profile of SpadeWorks's visual system — colors, typography, components, and personality — extracted from https://www.spadeworks.co. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.spadeworks.co.
- primary: #6B7280 (rgb(107, 114, 128))
- secondary: #4827EC (rgb(72, 39, 236))
- accent: #17202B (rgb(23, 32, 43))
- background: #FFFFFF (rgb(255, 255, 255))
- textPrimary: #17202B (rgb(23, 32, 43))
- link: #17202B (rgb(23, 32, 43))
Typography
Each font links to its Google Fonts page where available.
- primary: Apple Color Emoji Google Fonts →
- heading: Apple Color Emoji Google Fonts →
- Font stack:
ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
Visual Assets
Social Card
UI Components
Live previews rendered using SpadeWorks's actual button styles.
Input
- background: #FFFFFF
- text color: #17202B
- border color: #E2E8F0
- border radius: 10px
- shadow: none
Button Primary
- background: #FFFFFF
- text color: #FFFFFF
- border radius: 10px
- shadow:
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(72, 39, 236, 0.3) 0px 0px 40px 0px
Brand Personality
- Tone: modern
- Energy: medium
- Audience: home service business owners
SpadeWorks Brand in the Wild
Image: spadeworks.co
Image: media.licdn.com
Image: framerusercontent.com
Image: images.unsplash.com
Frequently Asked Questions
- What is SpadeWorks's primary brand color?
SpadeWorks's primary brand color is #6B7280. It anchors the visual identity across their website, product UI, and marketing materials. - What accent color does SpadeWorks use?
SpadeWorks uses #17202B as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis. - What font does SpadeWorks use?
SpadeWorks uses Apple Color Emoji as the primary typeface across body and headings. - Does SpadeWorks use a light or dark theme?
SpadeWorks's primary site uses a light color scheme, with a background of #FFFFFF. - How was this brand profile generated?
This profile was extracted from https://www.spadeworks.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 SpadeWorks.