Referencias memorables para marcas creativas, funcionales y bien diseñadas
Fuentes, paletas, sitios web y estilos de ilustración como referencia visual, con el porqué de cada elección. Y skills para que Claude diseñe con ese mismo criterio. Pronto también para Codex y Antigravity.
Referencias de diseño para hacer marcas y sitios con criterio.
Una biblioteca gratuita con 289 diseños de sitios que puedes ajustar y convertir en prompt, 440 parejas de fuentes, 462 paletas, 68 estilos de ilustración y 39 skills para Claude.
Todo lo que hay en inspira101
Gratis y sin registro. Empieza por lo que necesitas hoy.
Para elegir tipografía
- Parejas de fuentes440Combinaciones de Google Fonts con la razón de por qué funcionan.
- EmparejadorPrueba dos fuentes con tu propio texto, color y tamaño.
- Fuentes519Catálogo de Google Fonts con vista previa por categoría.
- Herramientas tipográficasLas herramientas para descubrir, probar y combinar letras, juntas.
Para color y marca
Para construir el sitio
Design Vault
289 sitios de referencia, listos para pulir. Escoge uno, ajusta en vivo la tipografía, el espaciado, el color y el movimiento, y copia el prompt para construir la versión que necesita tu cliente.
Parejas de fuentes
440 combinaciones de Google Fonts, cada una con la razón de por qué funciona y para qué tipo de proyecto sirve.
- KhandCondensada firme de titular con una sans cercana y clara.Texto en Figtree
- Fjalla OneDisplay condensada nórdica para titulares con impacto, apoyada por una serif clásica serena y estable.Texto en Average
- Fira CodeMono con ligaduras para un aire técnico, equilibrada por una geométrica limpia.Texto en Albert Sans
- OverpassSans técnica de Red Hat para titulares de producto, con una serif de contraste moderado y tono cálido.Texto en Podkova
Estilos visuales
68 estilos de pintura e ilustración, del Renacimiento al pixel art, cada uno con un prompt listo para aplicarlo a tu imagen en GPT Image o Nano Banana.
Lo último del blog
IA aplicada a creadores: lo que sí sirve para tu trabajo creativo, explicado con ejemplos reales y con información al día.
Guía visualNo quiero clonar Photoshop ni OBS. Quiero mi propio programa
REA y los clones de Adobe y Microsoft tienen a medio internet copiando software comercial. Esta guía propone otra cosa: estudiar las funciones que usas y construir tu propio programa, sin lo que sobra.
Guía visualIngeniería inversa con IA: el código ya no protege
Los agentes ya leen un binario casi tan bien como escriben código. Qué cambia para el SaaS, los videojuegos y programas como Photoshop, por qué el clon todavía no reemplaza al original y dónde está la línea legal en México, EE. UU. y Europa.
Guía visualFundamentos de UX/UI con respaldo
Las reglas de diseño de interfaces que tienen detrás un estudio con usuarios o un estándar publicado: jerarquía, retícula, tipografía, contraste, botones, formularios, navegación y pruebas, cada cifra con su fuente.
¿Te sirvió este recurso?
Si quieres apoyar el proyecto, puedes contribuir con un monto libre. Tu apoyo ayuda a mantener nuevas herramientas, ejemplos y recursos gratuitos para diseñadores, makers y equipos creativos.
$100 MXN
Café tipográfico
$200 MXN
Apoyo al proyecto
$300 MXN
Recurso premium
Libre
Elige tu monto