# PINA Brand Identity

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

## Color Palette

Brand palette extracted from https://pina.id.

- **primary**: #FFDC00
- **secondary**: #F3D626
- **accent**: #FFDC00
- **background**: #FFFFFF
- **textPrimary**: #000000
- **link**: #1E1C0F

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Quicksand [Google Fonts →](https://fonts.google.com/specimen/Quicksand)
- **heading**: Quicksand [Google Fonts →](https://fonts.google.com/specimen/Quicksand)

## Visual Assets

## UI Components

Live previews rendered using PINA's actual button styles.

- **Button Primary**:  
  Background: #FFDC00  
  Text Color: #1E1C0F  
  Border Radius: 12px  
  Shadow: none

- **Button Secondary**:  
  Background: transparent  
  Text Color: #1E1C0F  
  Border Color: #FFDC00  
  Border Radius: 12px  
  Shadow: none

## Brand Personality

- **Tone:** modern  
- **Energy:** medium  
- **Audience:** financially conscious individuals seeking wealth management solutions

## PINA Brand in the Wild

Image: [pina-classroom.s3.ap-southeast-1.amazonaws.com](https://pina-classroom.s3.ap-southeast-1.amazonaws.com/public/8cf5da1b1eadf4688d9c9b3e79b69b14.webp)  
Source: [pina.id](https://pina.id/artikel/detail/segini-gaji-digital-marketing-di-indonesia-tertarik-df4xajxbvjq)

Image: [pina-classroom.s3.ap-southeast-1.amazonaws.com](https://pina-classroom.s3.ap-southeast-1.amazonaws.com/public/36bef992de5b0dcb94d604d2bcf77e27.jpeg)  
Source: [pina.id](https://pina.id/artikel/detail/pensiun-pilih-berbisnis-atau-berinvestasi-2uvlagkefme)

Image: [pina-classroom.s3.ap-southeast-1.amazonaws.com](https://pina-classroom.s3.ap-southeast-1.amazonaws.com/public/9dd03a337fff3e1895845bd935d6cf23.jpeg)  
Source: [pina.id](https://pina.id/artikel/detail/tambah-kocek-pasca-lebaran-dengan-freelance-sampingan-2hw1m6tvs43)

Image: [pina-classroom.s3.ap-southeast-1.amazonaws.com](https://pina-classroom.s3.ap-southeast-1.amazonaws.com/public/e23dd12212fe82451344a452f8fe3c69.jpeg)  
Source: [pina.id](https://pina.id/artikel/detail/berapa-harga-yang-mesti-dibayar-untuk-sahabat-bulu-kamu)

Image: [pina-classroom.s3.ap-southeast-1.amazonaws.com](https://pina-classroom.s3.ap-southeast-1.amazonaws.com/public/f0b26ba82c2b370f6b33340a52178c00.webp)  
Source: [pina.id](https://pina.id/artikel/detail/passive-income-adalah-arti-dan-contohnya-yang-menjanjikan-1mc8ujdr6sy)

Image: [pina-classroom.s3.ap-southeast-1.amazonaws.com](https://pina-classroom.s3.ap-southeast-1.amazonaws.com/public/1cf33b35e6a03bcaf7165c4acb94a845.jpeg)  
Source: [pina.id](https://pina.id/artikel/detail/ini-tanda-mental-cuan-malah-berakibat-buruk-bagi-kondisi-finansial-kamu)

## Frequently Asked Questions

1. **What is PINA's primary brand color?**
   PINA's primary brand color is #FFDC00. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What font does PINA use?**
   PINA uses Quicksand as the primary typeface across body and headings.
3. **Does PINA use a light or dark theme?**
   PINA's primary site uses a light color scheme, with a background of #FFFFFF.
4. **Where can I find PINA's logo?**
   PINA's logo is available directly on their site (https://pina.id). The current logo URL is included in the machine-readable JSON profile linked above.
5. **How was this brand profile generated?**
   This profile was extracted from https://pina.id 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 PINA.

## Methodology

Brand data on this page was extracted from [https://pina.id](https://pina.id/) 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. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by PINA.