chriscoyier.net
En vivo
Cargando la web en vivo…
Chris Coyier
FrontendEstados Unidos
Tecnologías
Estilo
Claro
Lo que dice la propia web
- Título
- Chris Coyier – Web craftsman, blogger, author, speaker.
- Descripción
- Web craftsman, blogger, author, speaker.
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de Chris Coyier
Leído el 4 nov 2026Colores, tipografías, formas y movimiento leídos de la página en vivo. Está para aprender: el diseño es de Chris Coyier.
Muestra armada con sus tokens
Instrument SerifJost
Chris Coyier
Este bloque no es una copia de la web: está armado solo con los colores, tipografías y esquinas que leímos de ella.
Acción principalSecundaria
Tipografías
- Instrument SerifTítulosAa400Aa900
- JostTextoAa215Aa300Aa400Aa700
Tamaños de letra
- 48pxPortfolio
- 40pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 13pxPortfolio
- 12pxPortfolio
- 9pxPortfolio
Esquinas y espaciado
3px4px6pxpíldora
Espaciado
5681012141632
Ancho del contenido: 1050px
Movimiento
ease300ms
ease-in-out350ms
cubic-bezier(0.22, 1, 0.36, 1)800ms
100ms300ms350ms800ms
Patrones reconocidos
- Tema claroFondo claro con texto oscuro.
- MonocromoSolo grises, blanco y negro; sin color de acento.
- Serif en títulosTipografía con remates para los titulares.
- Grilla de tarjetasProyectos ordenados en una grilla.
¿Es tuyo y prefieres que no lo mostremos? Pide que lo quitemos
Encontramos esto, pero un patrón suelto no suma puntos: hacen falta varios juntos, o un rastro directo de un generador.
- Rayas largas en el textoMuchas frases unidas con raya larga (—), muy típico del texto generado.— ×5
Estimación automática de folios.directory, medida el 4 nov 2026. Si se equivoca, el error es nuestro. Usar IA no tiene nada de malo: solo muestra cuánto se acerca un sitio a lo que trae un generador por defecto.
Avisar de un error
¿Es tu portfolio?
chriscoyier.net