Un portafolio suele enseñar clientes. Este enseña capacidad: tres sitios completos, navegables y construidos desde cero, cada uno con un sistema de diseño distinto y coherente de arriba a abajo. Las marcas son ficticias — el trabajo no.
Marca de salsas artesanales resuelta como cartel: la tipografía ocupa el 90% de la página y el producto aparece pequeño y sin marco. Lienzo monocromo cálido con un solo acento cromático, filetes punteados como separadores y cero sombras — toda la profundidad viene del salto entre superficies.
Tienda en línea pensada como constelación de productos flotando sobre un lienzo perla. Radios muy generosos, tarjetas que se separan por sombra y nunca por borde, un único acento saturado reservado al botón de búsqueda, y una jerarquía tipográfica que se construye con interletraje en vez de negritas.
Consultoría contada como editorial de papel: fondo crema en vez de blanco, una sola tipografía llevada a 144px con el interletraje muy comprimido, radios de 50px en absolutamente todo y color que decora en lugar de significar. Las ilustraciones son figuras recortadas de contorno grueso, dibujadas aquí.
Estos tres sitios se construyeron reconstruyendo un estilo, que es exactamente lo que la ley deja libre: una paleta, una escala tipográfica, un ritmo de espaciado y una manera de componer no se registran ni se apropian. La Ley Federal del Derecho de Autor lo dice de frente en su artículo 14 — las ideas, los conceptos y los estilos quedan fuera de la protección.
Lo que sí está protegido no se tocó: ni una línea de código ajeno, ni una fotografía, ni un texto, ni un logotipo, ni una tipografía de licencia comercial. Todo el HTML y el CSS se escribió aquí, las ilustraciones y los productos son SVG dibujado a mano en el propio archivo, las marcas son inventadas, y donde la referencia usaba tipografías de paga se sustituyeron por equivalentes libres de Google Fonts.
Los tres demos llevan noindex y un aviso permanente en pantalla: nadie puede confundirlos con negocios reales.
Ninguno de estos estilos es un molde: son prueba de que el sistema se elige según el negocio. Cuéntame qué vendes y a quién, y armamos el que te toca.