# Hapi Brand Identity

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

## Color Palette

Brand palette extracted from https://hapi.trade/.

| Type      | Color Code | RGB Value         |
|-----------|------------|-------------------|
| primary   | #1B233C    | rgb(27, 35, 60)   |
| secondary | #4C58ED    | rgb(76, 88, 237)  |
| accent    | #4C58ED    | rgb(76, 88, 237)  |
| background| #FFFFFF    | rgb(255, 255, 255)|
| textPrimary| #0000EE   | rgb(0, 0, 238)    |
| link      | #0000EE    | rgb(0, 0, 238)    |

## Typography

Each font links to its Google Fonts page where available.

| Type      | Font    |
|-----------|---------|
| primary   | Poppins |
| heading   | Poppins |

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Hapi's actual button styles.

### Button Primary
- **background**: #4C58ED  
- **textColor**: #FFFFFF  
- **borderColor**: #4C58ED  
- **borderRadius**: 8px  
- **shadow**: none

### Button Secondary
- **background**: #FFFFFF  
- **textColor**: #4C58ED  
- **borderColor**: #4C58ED  
- **borderRadius**: 8px  
- **shadow**: none

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** Investors in LATAM interested in the US stock market

## Hapi Brand in the Wild

Source: [hapi.trade](https://hapi.trade/es/blog/tipos-de-acciones-peter-lynch)

Source: [hapi.trade](https://hapi.trade/es/blog/indices-bolsa-de-valores)

Source: [hapi.trade](https://hapi.trade/en/blog)

Source: [hapi.trade](https://hapi.trade/es/learning)

Source: [hapi.trade](https://hapi.trade/es/blog/svb-credit-suisse-quiebra)

Source: [hapi.trade](https://hapi.trade/es/blog/tipos-de-acciones-peter-lynch)

## Frequently Asked Questions

**What is Hapi's primary brand color?**  
Hapi's primary brand color is #1B233C, anchoring the visual identity across their website, product UI, and marketing materials.

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

**What font does Hapi use?**  
Hapi uses Poppins as the primary typeface across body and headings.

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

**Where can I find Hapi's logo?**  
Hapi's logo is available directly on their site (https://hapi.trade/). 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://hapi.trade/ 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 Hapi.