# Pagedraw Brand Identity

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

## Color Palette

Brand palette extracted from https://pagedraw.io/

- **primary**  
  `#2A2A59`  
  `rgb(42, 42, 89)`
- **accent**  
  `#0000FF`  
  `rgb(0, 0, 255)`
- **background**  
  `#FFFFFF`  
  `rgb(255, 255, 255)`
- **textPrimary**  
  `#000000`  
  `rgb(0, 0, 0)`
- **link**  
  `#0000FF`  
  `rgb(0, 0, 255)`

## Typography

Each font links to its Google Fonts page where available.

- **primary**  
  Times New Roman  
  Times New Roman [Google Fonts →](https://fonts.google.com/specimen/Times+New+Roman)
- **heading**  
  Times New Roman  
  Times New Roman [Google Fonts →](https://fonts.google.com/specimen/Times+New+Roman)
  Helvetica, sans-serif

## Visual Assets

Favicon

Social Card

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** designers and developers

## Pagedraw Brand in the Wild

Image: [cdn-images-1.medium.com](https://cdn-images-1.medium.com/max/1600/1*wgp1Vs3OjSrjuDan-x1rBA.png)
Source: [documentation.pagedraw.io](https://documentation.pagedraw.io/component-library/)

Image: [documentation.pagedraw.io](https://documentation.pagedraw.io/images/installation/imported-sketch-button.png)
Source: [documentation.pagedraw.io](https://documentation.pagedraw.io/install/)

Image: [cdn-images-1.medium.com](https://cdn-images-1.medium.com/max/1600/1*PTh81qXScVqOrgnC8ZAubw.png)
Source: [documentation.pagedraw.io](https://documentation.pagedraw.io/sketch-to-production/)

Image: [i.ytimg.com](https://i.ytimg.com/vi/C0_-Y_E53rM/maxresdefault.jpg)
Source: [documentation.pagedraw.io](https://documentation.pagedraw.io/tutorial/)

Image: [documentation.pagedraw.io](https://documentation.pagedraw.io/images/installation/find-project-name.png)
Source: [documentation.pagedraw.io](https://documentation.pagedraw.io/install/)

Image: [i.ytimg.com](https://i.ytimg.com/vi/RmsUfIE6YuA/maxresdefault.jpg)
Source: [documentation.pagedraw.io](https://documentation.pagedraw.io/tutorial/)

## Frequently Asked Questions

- **What is Pagedraw's primary brand color?**  
  Pagedraw's primary brand color is `#2A2A59`. It anchors the visual identity across their website, product UI, and marketing materials.

- **What accent color does Pagedraw use?**  
  Pagedraw uses `#0000FF` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

- **What font does Pagedraw use?**  
  Pagedraw uses Times New Roman as the primary typeface across body and headings.

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

- **How was this brand profile generated?**  
  This profile was extracted from [https://pagedraw.io/](https://pagedraw.io/) 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 Pagedraw.

## Methodology

Brand data on this page was extracted from [https://pagedraw.io/](https://pagedraw.io/) 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 Pagedraw.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.  
[GET /branding/pagedraw.json](/content/branding/pagedraw.json)  
[GET /branding/pagedraw/llms.txt](/content/branding/pagedraw/llms.txt)