dots.json
Dots ๐ธ Brand Identity
A complete profile of Dots ๐ธ's visual system โ colors, typography, components, and personality โ extracted from https://usedots.com. Built for designers, agents, and AI tools.
Quick Facts
| Field | Value |
|---|---|
| Primary | #F5F543 |
| Accent | #3E0D1A |
| Body Font | AktivGrotesk |
| Heading Font | PT Serif |
Color Palette
- primary: #F5F543
- secondary: #111827
- accent: #3E0D1A
- background: #F6F6F6
- textPrimary: #212121
- link: #3E0D1A
Typography
- primary: AktivGrotesk โ https://fonts.google.com/specimen/AktivGrotesk
- heading: PT Serif โ https://fonts.google.com/specimen/PT+Serif
Visual Assets
- Logo:
- Favicon:
UI Components
- buttonPrimary: background=#212121, textColor=#FFFFFF, borderRadius=6px, shadow=none
- buttonSecondary: background=#4A4A4A, textColor=#FFFFFF, borderRadius=6px, shadow=none
Brand Personality
Tone: modern ยท Energy: medium ยท Audience: businesses seeking automated payout solutions
Dots ๐ธ Brand in the Wild
Real-world brand assets โ ads, campaigns, marketing materials.
Guide to U.S. Tax Withholding for Foreign Contractors | Dots
Source: Link
Blog - Dots
Source: Link
Blog - Dots
Source: Link
Blog - Dots
Source: Link
How Cross Border Payments Work | Dots
Source: Link
Real-Time Fraud Protection for Global Payouts | Dots
Source: Link
Working with these fonts
Not found on Google Fonts? Follow these steps if you have permission to use the fonts:
- Open the company's homepage in a browser with DevTools open.
- In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
- Hard-reload the page and click around other sections, as some weights only load on specific routes.
- For each captured font URL: right-click โ Save As to download the file locally.
- View the page's CSS (DevTools โ Sources, or curl the stylesheet URLs) and extract the matching @font-face declarations. Rewrite
src: url(...)to point to your local file path.
Programmatic alternative: use Playwright or Puppeteer to capture response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step remains the same.
Only do this if you have permission to use the brand assets, as most proprietary fonts are licensed and may not be redistributable.