# OlaClick Brand Identity

A complete profile of **OlaClick**'s visual system — colors, typography, components, and personality.

## Quick Facts

| Field       | Value     |
|-------------|-----------|
| Primary     | #FE5F55   |
| Accent      | #FE5F55   |
| Body Font   | Roboto    |
| Heading Font | Roboto    |

## Color Palette

- primary: #FE5F55
- secondary: #EF3F56
- accent: #FE5F55
- background: #FFFFFF
- textPrimary: #000000
- link: #014164

## Typography

- primary: Roboto — https://fonts.google.com/specimen/Roboto
- heading: Roboto — https://fonts.google.com/specimen/Roboto

## Visual Assets

- Logo: 
- Favicon: 
- Social card (og:image):

## UI Components

- buttonPrimary: background=#FE5F55, textColor=#FFFFFF, borderRadius=4px, shadow=none
- buttonSecondary: background=#014164, textColor=#333333, borderRadius=0px, shadow=none

## Brand Personality

Tone: modern · Energy: high · Audience: restaurant owners and managers

## OlaClick Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Blog - OlaClick**  
    
  Source: [https://olaclick.com/es/blog-es/](https://olaclick.com/es/blog-es/)
- **Hamburgueserías: Diseño de Cocina Eficiente y Personalizado - OlaClick**  
    
  Source: [https://olaclick.com/es/sistema-para/hamburgueseria/hamburgueseria-diseno-cocina-personalizado/](https://olaclick.com/es/sistema-para/hamburgueseria/hamburgueseria-diseno-cocina-personalizado/)
- **Blog - OlaClick**  
    
  Source: [https://olaclick.com/en/blog/](https://olaclick.com/en/blog/)
- **Integrações - OlaClick**  
    
  Source: [https://olaclick.com/integracoes/](https://olaclick.com/integracoes/)
- **Central de Ayuda**  
    
  Source: [https://help.olaclick.com/es/help](https://help.olaclick.com/es/help)
- **Crie o cardápio de açaí mais irresistível da sua cidade - OlaClick**  
    
  Source: [https://olaclick.com/cardapio/como-montar-mais-desejado-sua-cidade/](https://olaclick.com/cardapio/como-montar-mais-desejado-sua-cidade/)

## Working with these fonts

Not found on Google Fonts? Here’s a flow to help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and explore.
4. Save captured font URLs locally.
5. Copy matching @font-face declarations from the CSS.

Only do this if you have permission to use the brand assets.

## Machine-Readable Profile
```json
{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Roboto",
   "role": "body"
  }
 ],
 "colors": {
  "primary": "#FE5F55",
  "secondary": "#EF3F56",
  "accent": "#FE5F55",
  "background": "#FFFFFF",
  "textPrimary": "#000000",
  "link": "#014164"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Roboto",
   "heading": "Roboto"
  },
  "fontStacks": {
   "heading": [
    "Roboto",
    "sans-serif"
   ],
   "body": [
    "-apple-system",
    "BlinkMacSystemFont",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    "Arial",
    "Noto Sans",
    "sans-serif",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji"
   ],
   "paragraph": [
    "Roboto",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "60px",
   "h2": "36px",
   "body": "16px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "4px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#FE5F55",
   "textColor": "#FFFFFF",
   "borderRadius": "4px",
   "borderRadiusCorners": {
    "topLeft": "4px",
    "topRight": "4px",
    "bottomRight": "4px",
    "bottomLeft": "4px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#014164",
   "textColor": "#333333",
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://olaclick.com/wp-content/uploads/2023/04/logoVersion_horiz.png",
  "favicon": "https://olaclick.com/wp-content/uploads/2023/03/cropped-Logo_Logo-Fundo-Azul-1-32x32.png",
  "ogImage": "https://olaclick.com/wp-content/uploads/2026/04/olaclick-PVD-para-restaurantes-scaled.png",
  "logoHref": "https://olaclick.com/",
  "logoAlt": "OlaClick - Logoversion_horiz.png"
 },
 "personality": {
  "tone": "modern",
  "energy": "high",
  "targetAudience": "restaurant owners and managers"
 },
 "confidence": {
  "buttons": 0.95,
  "colors": 0.9,
  "overall": 0.925
 }
}
```