# Tin Can Brand Identity

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

## Color Palette

Brand palette extracted from https://tincan.kids/.  
primary  
#FAF5E7  
rgb(250, 245, 231)  
secondary  
#FADF6F  
rgb(250, 223, 111)  
accent  
#356AAE  
rgb(53, 106, 174)  
background  
#FAF5E7  
rgb(250, 245, 231)  
textPrimary  
#000000  
rgb(0, 0, 0)  
link  
#356AAE  
rgb(53, 106, 174)

## Typography

Each font links to its Google Fonts page where available.

primary  
Satoshi  
Satoshi [Google Fonts →](https://fonts.google.com/specimen/Satoshi)  
heading  
Fraunces  
Fraunces [Google Fonts →](https://fonts.google.com/specimen/Fraunces)

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Tin Can's actual button styles.

### Input

input

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

### Button Primary

buttonPrimary

- **background**: #356AAE  
- **textColor**: #0000EE  
- **borderRadius**: 0px  
- **shadow**: none

### Button Secondary

buttonSecondary

- **background**: #E57C3D  
- **textColor**: #0000EE  
- **borderRadius**: 0px  
- **shadow**: none

## Brand Personality

**Tone:** playful  
**Energy:** high  
**Audience:** children and parents

## Frequently Asked Questions

### What is Tin Can's primary brand color?

Tin Can's primary brand color is #FAF5E7. It anchors the visual identity across their website, product UI, and marketing materials.

### What accent color does Tin Can use?

Tin Can uses #356AAE as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

### What font does Tin Can use?

Tin Can uses Satoshi for body text and Fraunces for headings. Fonts were detected on https://tincan.kids/ as part of their live design system.

### Does Tin Can use a light or dark theme?

Tin Can's primary site uses a light color scheme, with a background of #FAF5E7.

### Where can I find Tin Can's logo?

Tin Can's logo is available directly on their site (https://tincan.kids/). 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://tincan.kids/ 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 Tin Can.

## Methodology

Brand data on this page was extracted from [https://tincan.kids/](https://tincan.kids/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.