whyramachandran.design
En vivo
Cargando la web en vivo…
Ramachandran
Diseño de producto
Tecnologías
Estilo
Claro
Lo que dice la propia web
- Título
- Ramachandran - Product Designer
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de Ramachandran
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 Ramachandran.
Muestra armada con sus tokens
ABC Whyte Inktrap Unlicensed Trial BoldPoppins
Ramachandran
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
- ABC Whyte Inktrap Unlicensed Trial BoldTítulosAa400Aa700
- PoppinsTextoAa300Aa400Aa500Aa700
Tamaños de letra
- 56pxPortfolio
- 34pxPortfolio
- 32pxPortfolio
- 20pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
- 10pxPortfolio
Esquinas y espaciado
10px12px13px29pxpíldora
Espaciado
35101520253277
Movimiento
cubic-bezier(0.44, 0, 0.56, 1)300ms
300ms
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.
- Animado con MotionUsa Motion (ex Framer Motion) para animar en React.
¿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.
- Vidrio esmerilado por todos ladosMuchas tarjetas y barras con fondo translúcido y desenfocado.backdrop-filter ×8
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?
whyramachandran.design