ryanhaskins.com
En vivo
Cargando la web en vivo…
Ryan Haskins
Diseño de producto
Tecnologías
Estilo
Claro
Lo que dice la propia web
- Título
- Home | Ryan Haskins Design
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de Ryan Haskins
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 Ryan Haskins.
Muestra armada con sus tokens
antonhelvetica-w01-roman
Ryan Haskins
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
- antonTítulosAa400
- helvetica-w01-romanTextoAa400
Tamaños de letra
- 155pxPortfolio
- 31pxPortfolio
- 30pxPortfolio
- 23pxPortfolio
- 22pxPortfolio
Esquinas y espaciado
6px10pxpíldora
Espaciado
3681215173050
Ancho del contenido: 1380px
Movimiento
ease400ms
cubic-bezier(0.13, 0.78, 0.53, 0.92)600ms
200ms400ms600ms800ms
Patrones reconocidos
- Tema claroFondo claro con texto oscuro.
- MonocromoSolo grises, blanco y negro; sin color de acento.
- Títulos gigantesTitulares de 64 px o más que ocupan la pantalla.
- Botones píldoraBotones y etiquetas con bordes totalmente redondos.
¿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.
- Tipografía de siempreTodo el texto en la fuente que ponen por defecto (Inter, Poppins o la del sistema).arial
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?
ryanhaskins.com