benrogers.dev
En vivo
Cargando la web en vivo…
Ben Rogers
Frontend
Tecnologías
Estilo
Claro
Lo que dice la propia web
- Título
- Ben Rogers | .NET, Node.js, TypeScript & PHP Developer in Brisbane, Australia
- Descripción
- Brisbane-based full stack software engineer specialising in .NET, Node.js, TypeScript, PHP/Laravel, React, and AWS. Building scalable web applications for enterprise.
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de Ben Rogers
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 Ben Rogers.
Muestra armada con sus tokens
Ubuntu
Ben Rogers
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
- UbuntuTextoAa400Aa500Aa600Aa700
Tamaños de letra
- 60pxPortfolio
- 30pxPortfolio
- 20pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Esquinas y espaciado
4px6px8pxpíldora
Espaciado
246812162448
Movimiento
cubic-bezier(0.4, 0, 0.2, 1)150ms
cubic-bezier(0, 0, 0.2, 1)150ms
150ms
Patrones reconocidos
- Tema claroFondo claro con texto oscuro.
- MonocromoSolo grises, blanco y negro; sin color de acento.
- Botones píldoraBotones y etiquetas con bordes totalmente redondos.
¿Es tuyo y prefieres que no lo mostremos? Pide que lo quitemos
- 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
- Íconos Lucide tal cual+7Los íconos son el set Lucide sin cambios, el de casi todos los generadores.svg.lucide ×9
- Tarjetas iguales con ícono+6Grupos 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?
benrogers.dev