# Viam Brand Identity

A complete profile of **Viam**'s visual system — colors, typography, components, and personality — extracted from https://www.viam.com/. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/viam
- Machine-readable JSON: https://characterquilt.com/branding/viam.json
- Per-page llms.txt: https://characterquilt.com/branding/viam/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #C4F400 |
| Accent | #000000 |
| Body Font | Public Sans |
| Heading Font | Space Grotesk |

## Color Palette

- primary: #C4F400
- secondary: #0050BD
- accent: #000000
- background: #FFFFFF
- textPrimary: #000000
- link: #6CC3FD

## Typography

- primary: Public Sans — [Public Sans](https://fonts.google.com/specimen/Public+Sans)
- heading: Space Grotesk — [Space Grotesk](https://fonts.google.com/specimen/Space+Grotesk)

## Visual Assets

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

## UI Components

- buttonPrimary: background=#000000, textColor=#FFFFFF, borderRadius=0px, shadow=none
- buttonSecondary: background=#B3B3B3, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=2px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: software engineers

## Viam Brand in the Wild

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

- **Plant Watering Machine with a Raspberry Pi | Tutorial**  
  - Image:   
  - Source: [Source](https://docs.viam.com/tutorials/projects/make-a-plant-watering-robot/)

- **AMA with Simone Giertz: Passion, creativity, and grit in robotics | Viam**  
  - Image:   
  - Source: [Source](https://www.viam.com/post/ask-me-anything-with-simone-giertz)

- **Image classification in machine learning: A full guide (2024) | Viam**  
  - Image: .png)  
  - Source: [Source](https://www.viam.com/post/guide-to-image-classification-in-machine-learning-2024)

- **Train fast computer vision models with slower multimodal AI | Viam**  
  - Image:   
  - Source: [Source](https://www.viam.com/post/computer-vision-multimodal-ai)

- **Object detection guide from a computer vision expert (2025) | Viam**  
  - Image:   
  - Source: [Source](https://www.viam.com/post/computer-vision-object-detection-guide)

- **Summer 2025 interns: Building the future at Viam | Viam**  
  - Image: .jpeg)  
  - Source: [Source](https://www.viam.com/post/summer-2025-interns)

## Working with these fonts

Not found on Google Fonts? Here are steps to follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

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.