# Tingles Brand Identity

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

## Color Palette

Brand palette extracted from https://www.gettingles.com.

- **Primary**: #071C4D (rgb(7, 28, 77))
- **Secondary**: #00E1BE (rgb(0, 225, 190))
- **Accent**: #442772 (rgb(68, 39, 114))
- **Background**: #FFFFFF (rgb(255, 255, 255))
- **Text Primary**: #442772 (rgb(68, 39, 114))
- **Link**: #442772 (rgb(68, 39, 114))

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Open Sans [Google Fonts →](https://fonts.google.com/specimen/Open+Sans)
- **Heading**: Poppins [Google Fonts →](https://fonts.google.com/specimen/Poppins)

## Visual Assets

Logo

Favicon

## UI Components

Live previews rendered using Tingles's actual button styles.

- **Input**
  - background: transparent
  - textColor: #000000
  - borderColor: null
  - borderRadius: 0px
  - shadow: none

## Brand Personality

- **Tone**: playful  
- **Energy**: medium  
- **Audience**: ASMR enthusiasts

## Tingles Brand in the Wild

Image: [gettingles.com](https://gettingles.com/wp-content/uploads/2024/11/Twitch_logo.png)

Image: [gettingles.com](https://gettingles.com/wp-content/uploads/2024/11/Phone-Video-View-2x-771x1024-1.png)

Image: [gettingles.com](https://gettingles.com/wp-content/uploads/2024/11/cover-attAAQgTdWgorpwaj.jpeg)

Image: [gettingles.com](https://gettingles.com/wp-content/uploads/2024/11/Phone-Course-Artist-2x.png)

Image: [gettingles.com](https://gettingles.com/wp-content/uploads/2024/11/Phone-Course-View-2x.png)

Image: [gettingles.com](https://gettingles.com/wp-content/uploads/2024/11/cover-attUDk8jIsUQRBVbL.jpeg)

## Frequently Asked Questions

1. **What is Tingles's primary brand color?**  
   Tingles's primary brand color is #071C4D. It anchors the visual identity across their website, product UI, and marketing materials.

2. **What accent color does Tingles use?**  
   Tingles uses #442772 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. **What font does Tingles use?**  
   Tingles uses Open Sans for body text and Poppins for headings. Fonts were detected on https://www.gettingles.com as part of their live design system.

4. **Does Tingles use a light or dark theme?**  
   Tingles's primary site uses a light color scheme, with a background of #FFFFFF.

5. **Where can I find Tingles's logo?**  
   Tingles's logo is available directly on their site (https://www.gettingles.com). The current logo URL is included in the machine-readable JSON profile linked above.

6. **How was this brand profile generated?**  
   This profile was extracted from https://www.gettingles.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 Tingles.