Function of Beauty Brand: Colors, Fonts, Logo & Visual Identity
Function of Beauty Brand Identity
A complete profile of Function of Beauty's visual system — colors, typography, components, and personality — extracted from http://www.functionofbeauty.com.
Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from http://www.functionofbeauty.com.
| Type | Color Code | RGB Value |
|---|---|---|
| primary | #D2EAE5 | rgb(210, 234, 229) |
| secondary | #191D48 | rgb(25, 29, 72) |
| accent | #8AE5D3 | rgb(138, 229, 211) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #000000 | rgb(0, 0, 0) |
| link | #8AE5D3 | rgb(138, 229, 211) |
Typography
Each font links to its Google Fonts page where available.
| Type | Font | Link |
|---|---|---|
| primary | GT America Standard Regular | Google Fonts → |
| heading | GT America Condensed Medium | Google Fonts → |
Visual Assets
UI Components
Live previews rendered using Function of Beauty's actual button styles.
| Component | Background | Text Color | Border Color | Border Radius | Shadow |
|---|---|---|---|---|---|
| Input | transparent | #000000 | null | 0px | none |
| Button Primary | #8AE5D3 | #000000 | #8AE5D3 | 11px | none |
| Button Secondary | transparent | #000000 | #000000 | 11px | none |
Brand Personality
Tone: modern
Energy: medium
Audience: Consumers interested in personalized beauty products
Function of Beauty Brand in the Wild
Source: functionofbeauty.com
Source: blog.functionofbeauty.com
Frequently Asked Questions
What is Function of Beauty's primary brand color?
Function of Beauty's primary brand color is #D2EAE5. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Function of Beauty use?
Function of Beauty uses #8AE5D3 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Function of Beauty use?
Function of Beauty uses GT America Standard Regular for body text and GT America Condensed Medium for headings. Fonts were detected on http://www.functionofbeauty.com as part of their live design system.
Does Function of Beauty use a light or dark theme?
Function of Beauty's primary site uses a light color scheme, with a background of #FFFFFF.
How was this brand profile generated?
This profile was extracted from http://www.functionofbeauty.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.