joshwcomeau.com
En vivo
Cargando la web en vivo…
Josh W. Comeau
Frontend
Tecnologías
ReactCSS
Estilo
DivertidoAnimado
Lo que dice la propia web
- Título
- Josh W. Comeau
- Descripción
- Friendly articles and tutorials for front-end web developers. ❤️
- Idioma
- inglés
- Agregado
- 2 nov 2026
- Capturado
- 2 nov 2026
Análisis de diseño
Cómo está hecha la web de Josh W. Comeau
Leído el 2 nov 2026Colores, tipografías, formas y movimiento leídos de la página en vivo. Está para aprender: el diseño es de Josh W. Comeau.
Muestra armada con sus tokens
Wotfard
Josh W. Comeau
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
- WotfardTextoAa400Aa500Aa600
Tamaños de letra
- 24pxPortfolio
- 22pxPortfolio
- 19pxPortfolio
- 17pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Esquinas y espaciado
2px4px8px12pxpíldora
Espaciado
245812163248
Ancho del contenido: 1100px
Movimiento
ease300ms
cubic-bezier(0.41, 0.1, 0.13, 1)350ms
cubic-bezier(0.06, 0.63, 0.43, 1)850ms
200ms300ms350ms850ms· 28 elementos animados
Patrones reconocidos
- Tema claroFondo claro con texto oscuro.
- Botones píldoraBotones y etiquetas con bordes totalmente redondos.
- Escena 3D / WebGLUna escena dibujada en tiempo real ocupa buena parte de la pantalla.
- 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.
- Íconos Lucide tal cualLos íconos son el set Lucide sin cambios, el de casi todos los generadores.svg.lucide ×4
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?
joshwcomeau.com