Best design styles for portfolios & personal sites
Un portfolio es un autorretrato: debe mostrar tu criterio antes que tu trabajo y sentirse claramente tuyo de un vistazo. Estos estilos de Curio aportan esa personalidad sin eclipsar los proyectos; cada uno es un sistema completo que tu AI puede aplicar mediante MCP o descargando un DESIGN.md.
Qué hace que un estilo funcione para un portfolio
Los portfolios memorables comparten varios rasgos: un punto de vista en paleta y tipografía, espacio generoso para que cada pieza respire y una jerarquía segura que pone primero tu mejor trabajo. El estilo debe sentirse elegido, no predeterminado: distintivo para recordarse y contenido para no eclipsar la obra.
Cada opción es un sistema de diseño completo —color, tipografía, espaciado, componentes y reglas—, no una plantilla. Indícale una a tu AI y creará el sitio con ese estilo. Pulsa "What is it" para leer la guía completa o "View spec" para ver el sistema.
The styles
-
1
Bauhaus Weimar
Form follows revolution. Primary red-blue-yellow on cream, hard shadows, no ornament — pure form.
-
2
De Stijl
Primary colors, locked in a black grid. Mondrian's compositions, in thick borders and flat fills.
-
3
Futura Typeface (Renner, 1927)
Geometry is legible. Black type and white fields, with red-blue-yellow anchors on grid.
-
4
Mexican Frida Blue House (Coyoacán 1930)
Maximum color, intimate walls. Cobalt, cream panels, terracotta grid, cut-paper rhythm.
-
5
Midjourney
Invisible chrome, visible art. Pure black grid and Cormorant serif give color to images.
-
6
Polaroid Instant
Memory made tangible. Photo-white frames tilt on aged paper with a warm rainbow stripe.
-
7
Ad Reinhardt Black Painting (1953)
Austere absence. Near-black grid shifts reveal structure on sustained looking.
-
8
Alvaro Siza White
Light makes the form. White planes on cool plaster throw sea-grey shadow and one wood note.
-
9
Ansel Adams Zone System
Only light remains. Deep shadow, serif captions, and one white moon mark the tonal ladder.
-
10
Antelope Slot Canyon
Glows from shadow. Oxblood ground, sandstone S-curves, and one warm gold shaft.
-
11
Archigram Walking City (1964)
Cities refuse foundations. Hot pink, cyan, and acid yellow lock a bordered comic grid.
-
12
Architectural Blueprint
Measurement, not mood. Prussian cyan grid with white hairlines and vermillion revision marks.
FAQ
¿Cómo aplico uno de estos estilos a mi portfolio?
Conecta el servidor MCP de Curio a tu cliente de AI —Claude Code, Cursor, ChatGPT u otro— y pídele que cree tu portfolio con el estilo elegido; obtendrá y aplicará el sistema. También puedes descargar el DESIGN.md y añadirlo a tu proyecto.
¿El estilo funciona en proyectos y casos de estudio, no solo en la portada?
Cada estilo es un sistema completo, así que tu AI lo aplica de forma coherente a la portada, la cuadrícula de proyectos y cada caso de estudio. Tipografía, espaciado y componentes se mantienen unidos en todo el sitio.