corey.co
Captura
Esta web no se deja mostrar dentro de otra, así que te mostramos su captura completa. Puedes recorrerla aquí mismo.
Corey Haines
Marketing y contenido
Tecnologías
Estilo
Claro
Lo que dice la propia web
- Título
- Corey Haines — Marketer, Builder, Writer
- Descripción
- Part marketer, part philosopher, full-time builder of things on the internet. Building SaaS products, writing about marketing, and sharing what I learn along the way.
- Idioma
- inglés
- Agregado
- 4 nov 2026
- Capturado
- 4 nov 2026
Análisis de diseño
Cómo está hecha la web de Corey Haines
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 Corey Haines.
Muestra armada con sus tokens
ui-sans-serif
Corey Haines
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
- ui-sans-serifTextoAa300Aa400Aa500
Tamaños de letra
- 48pxPortfolio
- 40pxPortfolio
- 24pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
Esquinas y espaciado
2px10px14px22pxpíldora
Espaciado
2481216243280
Ancho del contenido: 768px
Movimiento
cubic-bezier(0.4, 0, 0.2, 1)200ms
cubic-bezier(0, 0, 0.2, 1)300ms
cubic-bezier(0.22, 1, 0.36, 1)700ms
150ms200ms300ms700ms· 128 elementos animados
Patrones reconocidos
- Tema claroFondo claro con texto oscuro.
- Un solo acentoUn único color fuerte para lo importante.
- 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
- 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
- Tipografía de siempre+8Todo el texto en la fuente que ponen por defecto (Inter, Poppins o la del sistema).ui-sans-serif
- Íconos Lucide tal cual+7Los íconos son el set Lucide sin cambios, el de casi todos los generadores.svg.lucide ×125
- Degradé violeta a azul+7El degradé violeta y azul que sale por defecto en muchos generadores.conic-gradient(rgb(59, 130, 246), rgb(139, 92, 246), rgb(236, 72, 153), rgb(59,
- Tarjetas iguales con ícono+6Grupos de tarjetas idénticas, cada una con un ícono arriba y un título.×4
- Vidrio esmerilado por todos lados+4Muchas tarjetas y barras con fondo translúcido y desenfocado.backdrop-filter ×9
- Rayas largas en el texto+1Muchas frases unidas con raya larga (—), muy típico del texto generado.— ×17
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?
corey.co