# Assembly HOA Brand Identity

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

## Quick Facts

| Field      | Value         |
|------------|---------------|
| Primary    | #185CFF       |
| Accent     | #15616D       |
| Body Font  | Gellix        |
| Heading Font| Plusjakartadisplay |

## Color Palette

- primary: #185CFF
- secondary: #152C5B
- accent: #15616D
- background: #FFFFFF
- textPrimary: #15616D
- link: #15616D

## Typography

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

## Visual Assets

- Logo: 
- Favicon: .png)

## UI Components

- input: background=#F9F9F9, textColor=#4C4B56, borderColor=#D1D1D1, borderRadius=8px, shadow=none
- buttonPrimary: background=#15616D, textColor=#FFFFFF, borderRadius=40px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#8A95AD, borderRadius=0px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: homeowners associations and property managers

## Assembly HOA Brand in the Wild

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

- **About Us**
  - Image: 
  - Source: https://www.assemblyhoa.com/about-us
- **Assembly HOA Management**
  - Image: .png)
  - Source: https://assemblyhoa.com/
- **HOA Management in Rancho Cucamonga**
  - Image: 
  - Source: https://assemblyhoa.com/cities/rancho-cucamonga
- **Another HOA Management in Rancho Cucamonga**
  - Image: 
  - Source: https://assemblyhoa.com/cities/rancho-cucamonga
- **Another About Us**
  - Image: 
  - Source: https://www.assemblyhoa.com/about-us
- **Another HOA Management in Rancho Cucamonga**
  - Image: 
  - Source: https://assemblyhoa.com/cities/rancho-cucamonga

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.