fedelmar.netlify.app
En vivo
Cargando la web en vivo…
Federico Suarez
Full-stackMar del Plata, Buenos Aires, Argentina
Tecnologías
Node.jsReactNext.jsTypeScriptPostgreSQL
Estilo
Claro
Lo que dice la propia web
- Título
- Federico Suarez — Fullstack Developer & AI Automation
- Descripción
- Fullstack developer building custom management systems and AI automation for real-world operations, plus technical consulting.
- Idioma
- inglés
- Agregado
- 2 nov 2026
- Capturado
- 2 nov 2026
Análisis de diseño
Cómo está hecha la web de Federico Suarez
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 Federico Suarez.
Muestra armada con sus tokens
Space GroteskInterui-monospace
Federico Suarez
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// 150ms
Tipografías
- Space GroteskTítulosAa600Aa700
- InterTextoAa400Aa500Aa600Aa700
- ui-monospaceMonoAa400
Tamaños de letra
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
- 11pxPortfolio
- 10pxPortfolio
Esquinas y espaciado
12px16px50pxpíldora
Espaciado
246810121632
Ancho del contenido: 1200px
Movimiento
cubic-bezier(0.4, 0, 0.2, 1)300ms
ease300ms
150ms300ms· 2 elementos animados
Patrones reconocidos
- Tema claroFondo claro con texto oscuro.
- Detalles en monoTipografía monoespaciada para etiquetas o datos.
- Botones píldoraBotones y etiquetas con bordes totalmente redondos.
- Header fijoLa barra de arriba queda visible al bajar.
¿Es tuyo y prefieres que no lo mostremos? Pide que lo quitemos
- Huella de un generador+34El código del sitio trae marcas de un generador de sitios con IA (Lovable, Bolt, v0 y similares).Lovable
- Kit de componentes sin tocar+14Usa los colores y radios por defecto de shadcn/ui, el kit que eligen casi todos los generadores.--background, --ring, --radius… ×8
- Texto con degradé+8Títulos o palabras pintadas con un degradé de color."FS.dev"
- Íconos Lucide tal cual+7Los íconos son el set Lucide sin cambios, el de casi todos los generadores.svg.lucide ×42
- Degradé violeta a azul+7El degradé violeta y azul que sale por defecto en muchos generadores.linear-gradient(135deg, rgb(130, 73, 223), rgb(236, 70, 153))
- Tarjetas iguales con ícono+6Grupos de tarjetas idénticas, cada una con un ícono arriba y un título.×4
- Borde de color de un lado+5Tarjetas o avisos con una franja de color solo a la izquierda o arriba, un recurso muy repetido en sitios generados.border-left rgb(26, 110, 244)
- Etiqueta sobre el título+4Una pastilla chica arriba del título principal, tipo "✨ Nuevo"."Available for new projects"
- Manchas de luz+4Manchas de color muy desenfocadas detrás del contenido.×7
- Puntito que late+3Un punto animado al lado de "disponible" o "en línea".×1
- Pasos 01, 02, 03+3Secciones numeradas 01, 02, 03 como proceso.01, 02, 03
- Portada centrada con dos botones+3Título centrado y dos botones debajo, el arranque de casi toda plantilla.h1
- Rayas largas en el texto+1Muchas frases unidas con raya larga (—), muy típico del texto generado.— ×10
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?
fedelmar.netlify.app