leonardoliveira.com
En vivo
Cargando la web en vivo…
Leonardo Oliveira
Frontend
En otras redes
Tecnologías
Estilo
Oscuro
Lo que dice la propia web
- Título
- Leonardo Teixeira | Senior Software Architect
- Descripción
- Leonardo Teixeira - Senior Software Engineer & Architect specializing in High-Performance Systems, PHP, Laravel, Node.js, AWS, Kubernetes, and Scalability.
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de Leonardo Oliveira
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 Leonardo Oliveira.
Muestra armada con sus tokens
Space GroteskJetBrains Mono
Leonardo Oliveira
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 GroteskTextoAa300Aa400Aa700
- JetBrains MonoMonoAa400Aa500Aa700
Tamaños de letra
- 48pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
- 10pxPortfolio
Esquinas y espaciado
2px4pxpíldora
Espaciado
48121624324048
Ancho del contenido: 1280px
Movimiento
cubic-bezier(0.4, 0, 0.2, 1)300ms
cubic-bezier(0, 0, 0.2, 1)500ms
150ms300ms500ms· 7 elementos animados
Patrones reconocidos
- Tema oscuroFondo oscuro con texto claro.
- 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
- Texto con degradé+8Títulos o palabras pintadas con un degradé de color."INFRASTRUCTURE"
- Íconos Lucide tal cual+7Los íconos son el set Lucide sin cambios, el de casi todos los generadores.svg.lucide ×23
- Tarjetas iguales con ícono+6Grupos de tarjetas idénticas, cada una con un ícono arriba y un título.×2
- Vidrio esmerilado por todos lados+4Muchas tarjetas y barras con fondo translúcido y desenfocado.backdrop-filter ×6
- Etiqueta sobre el título+4Una pastilla chica arriba del título principal, tipo "✨ Nuevo"."System_Ready"
- Manchas de luz+4Manchas de color muy desenfocadas detrás del contenido.×2
- Números redondos grandes+4Cifras como "50+ proyectos" o "5+ años" en grande con una etiqueta chica.37%, 99.9%
- Puntito que late+3Un punto animado al lado de "disponible" o "en línea".×4
- Portada centrada con dos botones+3Título centrado y dos botones debajo, el arranque de casi toda plantilla.h1
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?
leonardoliveira.com