david-hckh.com
En vivo
Cargando la web en vivo…
David Hckh
UX / UIAlemania
Tecnologías
Estilo
Claro
Lo que dice la propia web
- Título
- David Heckhoff - Web Developer (WebGL & Node.js)
- Descripción
- Web developer creating interactive 3D web experiences and real-time apps with WebGL, TypeScript, and Node.js for high-performance, engaging websites.
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de David Hckh
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 David Hckh.
Muestra armada con sus tokens
Urbanist
David Hckh
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
- UrbanistTextoAa400Aa500Aa700Aa900
Tamaños de letra
- 88pxPortfolio
- 72pxPortfolio
- 28pxPortfolio
- 22pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
Esquinas y espaciado
12px16px24pxpíldora
Espaciado
48101218202836
Movimiento
ease-in-out300ms
cubic-bezier(0.6, 0, 0.25, 1)500ms
100ms300ms500ms
Patrones reconocidos
- Tema claroFondo claro con texto oscuro.
- Títulos gigantesTitulares de 64 px o más que ocupan la pantalla.
- Botones píldoraBotones y etiquetas con bordes totalmente redondos.
- Header fijoLa barra de arriba queda visible al bajar.
- Scroll suave
¿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.
- Tarjetas iguales con íconoGrupos de tarjetas idénticas, cada una con un ícono arriba y un título.×1
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?
david-hckh.com