¿Cuáles son los colores de marca de papermark.com?

Los colores principales de papermark.com son #000000 (acento), #ffffff (fondo) y #0b0b0b (texto). La paleta completa de 10 colores, con el rol de cada uno, está en esta página como códigos hex.

¿Cuál es el código hex de papermark.com?

El color de acento de papermark.com es #000000; el fondo de la página es #ffffff y el color principal del texto, #0b0b0b. Cada uno se mide en la página renderizada, así que es lo que ven los visitantes, no un valor de una guía de estilo.

¿Cómo uso los colores de papermark.com en Tailwind o CSS?

Copia las variables CSS o el tema de Tailwind v4 de esta página, o descarga el paquete de diseño: incluye tokens.json (tokens de diseño W3C), tokens.css y tailwind.css con los mismos valores.

Paleta de colores de papermark.com: códigos hex y CSS

Paleta

10 colores

Colores	Rol	Hex	RGB	Claro / oscuro
`background`	Page background	`#ffffff`	`rgb(255 255 255)`	`#030712`
`surface`	Cards, panels, raised or recessed surfaces	`#f5f3ee`	`rgb(245 243 238)`	`#000000`
`surface-2`	Secondary surface	`#dddddd`	`rgb(221 221 221)`	`#0b0b0b`
`surface-3`	Secondary surface	`#d1d1d1`	`rgb(209 209 209)`	`#1a1a1a`
`foreground`	Primary text	`#0b0b0b`	`rgb(11 11 11)`	`#0b0b0b`
`muted-foreground`	Secondary text, captions	`#949494`	`rgb(148 148 148)`
`primary`	Candidate accent (semantic role inferred)	`#000000`	`rgb(0 0 0)`	`#ffffff`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#111111`
`secondary`	Secondary accent (teal)	`#08a87a`	`rgb(8 168 122)`	`#08a87a`
`border`	Hairlines, dividers, input borders	`#ffffff`	`rgb(255 255 255)`	`#121620`

Variables CSS

Cada color como propiedad personalizada, con el nombre de su rol. El bloque oscuro aparece cuando el sitio tiene tema oscuro.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #f5f3ee;
4  --color-surface-2: #dddddd;
5  --color-surface-3: #d1d1d1;
6  --color-foreground: #0b0b0b;
7  --color-muted-foreground: #949494;
8  --color-primary: #000000;
9  --color-on-primary: #ffffff;
10  --color-secondary: #08a87a;
11  --color-border: #ffffff;
12}
13
14[data-theme="dark"] {
15  --color-background: #030712;
16  --color-surface: #000000;
17  --color-surface-2: #0b0b0b;
18  --color-surface-3: #1a1a1a;
19  --color-foreground: #0b0b0b;
20  --color-primary: #ffffff;
21  --color-on-primary: #111111;
22  --color-secondary: #08a87a;
23  --color-border: #121620;
24}

Para agentes de IA

El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.

curl -s https://stylepack.ai/packs/papermark.com/DESIGN.md

La paleta de colores de papermark.com