tiny
Tiny Brand Identity
A complete profile of Tiny's visual system — colors, typography, components, and personality — extracted from https://andtiny.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://andtiny.com.
| Color Name | Color Code | RGB |
|---|---|---|
| primary | #000000 | rgb(0, 0, 0) |
| accent | #0090FF | rgb(0, 144, 255) |
| background | #F9F9F8 | rgb(249, 249, 248) |
| textPrimary | #0090FF | rgb(0, 144, 255) |
| link | #0090FF | rgb(0, 144, 255) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Link |
|---|---|---|
| primary | Inter | Google Fonts → |
| heading | Inter | Google Fonts → |
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.2993%2024.3836C64.8807%2024.3836%2064.488%2024.35%2064.1211%2024.2828C63.7594%2024.2208%2063.4597%2024.1407%2063.222%2024.0425L63.9661%2021.577C64.3536%2021.6959%2064.7024%2021.7605%2065.0125%2021.7708C65.3277%2021.7812%2065.599%2021.7088%2065.8263%2021.5538C66.0589%2021.3987%2066.2475%2021.1351%2066.3921%2020.763L66.5859%2020.259L62.3151%208.00928H65.7876L68.2524%2016.7547H68.3764L70.8645%208.00928H74.3602L69.7328%2021.2049C69.5106%2021.8458%2069.2084%2022.404%2068.826%2022.8795C68.4488%2023.3602%2067.9708%2023.7298%2067.392%2023.9882C66.8133%2024.2518%2066.1157%2024.3836%2065.2993%2024.3836Z%22%20style%3D%22fill%3A%20rgb(33%2C%2032%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M53.6294%2013.0332V19.9179H50.3275V8.00928H53.4744V10.1103H53.6139C53.8774%209.41774%2054.3192%208.86986%2054.9393%208.4667C55.5594%208.05838%2056.3113%207.85422%2057.1949%207.85422C58.0216%207.85422%2058.7425%208.03512%2059.3574%208.39692C59.9723%208.75873%2060.4503%209.2756%2060.7913%209.94752C61.1324%2010.6143%2061.3029%2011.4103%2061.3029%2012.3354V19.9179H58.001V12.9247C58.0061%2012.1959%2057.8201%2011.6273%2057.4429%2011.219C57.0657%2010.8055%2056.5464%2010.5988%2055.885%2010.5988C55.4406%2010.5988%2055.0478%2010.6944%2054.7068%2010.8856C54.3709%2011.0769%2054.1074%2011.356%2053.9162%2011.723C53.7302%2012.0848%2053.6346%2012.5215%2053.6294%2013.0332Z%22%20style%3D%22fill%3A%20rgb(33%2C%2032%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M44.5988%2019.9179V8.00928H47.9007V19.9179H44.5988ZM46.2575%206.47418C45.7666%206.47418%2045.3455%206.31137%2044.9941%205.98574C44.6479%205.65495%2044.4748%205.25955%2044.4748%204.79954C44.4748%204.34469%2044.6479%203.95446%2044.9941%203.62884C45.3455%203.29804%2045.7666%203.13264%2046.2575%203.13264C46.7484%203.13264%2047.1669%203.29804%2047.5132%203.62884C47.8645%203.95446%2048.0402%204.34469%2048.0402%204.79954C48.0402%205.25955%2047.8645%205.65495%2047.5132%205.98574C47.1669%206.31137%2046.7484%206.47418%2046.2575%206.47418Z%22%20style%3D%22fill%3A%20rgb(33%2C%2032%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M29.6948%206.80756V4.03974H42.732V6.80756H37.8721V19.9179H34.5547V6.80756H29.6948Z%22%20style%3D%22fill%3A%20rgb(33%2C%2032%2C%2028)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
UI Components
| Component | Details |
|---|---|
| Button Primary | background: #0090FF, textColor: #FFFFFF, borderColor: #0090FF, borderRadius: 33554400px, shadow: none |
| Button Secondary | background: #E2E1DE, textColor: #21201C, borderColor: #E2E1DE, borderRadius: 4px, shadow: none |
Brand Personality
Tone: modern Energy: medium Audience: tech-savvy individuals and businesses
Tiny Brand in the Wild
Source: adweek.com
Source: sliderrevolution.com
Source: beastoftraal.com
Source: tinyhealth.com
Source: vectorstock.com
Frequently Asked Questions
What is Tiny's primary brand color? Tiny's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Tiny use? Tiny uses #0090FF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Tiny use? Tiny uses Inter as the primary typeface across body and headings.
Does Tiny use a light or dark theme? Tiny's primary site uses a light color scheme, with a background of #F9F9F8.
Where can I find Tiny's logo? Tiny's logo is available directly on their site (https://andtiny.com). 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://andtiny.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.