Best design styles for portfolios & personal sites
포트폴리오는 자화상입니다. 작업을 보여 주기 전에 취향을 드러내고, 한눈에 나다운 느낌을 줘야 합니다. Curio에서 고른 아래 스타일은 프로젝트를 가리지 않으면서 그 개성을 살립니다. 모두 AI가 MCP 또는 DESIGN.md 다운로드로 적용할 수 있는 완전한 시스템입니다.
포트폴리오에 어울리는 스타일의 조건
기억에 남는 포트폴리오에는 공통점이 있습니다. 색상과 타이포그래피에 분명한 관점이 있고, 각 작업이 숨 쉴 넉넉한 여백이 있으며, 최고의 작업을 먼저 보여 주는 자신감 있는 위계를 갖습니다. 스타일은 기본값이 아니라 의도된 선택으로 느껴져야 하며, 기억될 만큼 독특하되 작업을 압도하지 않을 만큼 절제되어야 합니다.
아래의 각 스타일은 템플릿이 아니라 색상, 타이포그래피, 간격, 컴포넌트, 규칙을 갖춘 완전한 디자인 시스템입니다. AI에 지정하면 그 스타일로 사이트를 만듭니다. "What is it"에서 전체 가이드를, "View spec"에서 시스템을 확인할 수 있습니다.
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
Polaroid Instant
Memory made tangible. Photo-white frames tilt on aged paper with a warm rainbow stripe.
-
4
Ad Reinhardt Black Painting (1953)
Austere absence. Near-black grid shifts reveal structure on sustained looking.
-
5
Archigram Walking City (1964)
Cities refuse foundations. Hot pink, cyan, and acid yellow lock a bordered comic grid.
-
6
Architectural Blueprint
Measurement, not mood. Prussian cyan grid with white hairlines and vermillion revision marks.
-
7
ASCII Art BBS (1992)
Terminal art hits hard. Cyan-magenta-yellow glow, box borders, block ramps.
-
8
Awwwards Swiss Portfolio
Cinema, not interface. Black canvas, huge condensed type, and one lime signal carry the reel.
-
9
Barbadian Chattel House
Joy made portable. Coral pink timber, mint shutters, sky-blue space, modular grid.
-
10
Basquiat Neo-Expressionism
Explodes off raw linen. Cadmium red, cobalt blue, Anton blocks, and struck marker text collide.
-
11
Bauhaus Textile (Anni Albers)
Anni Albers' loom as design grid. Modular rust-mustard-indigo blocks, visible thread texture.
-
12
Behance Maximalist Portfolio
Portfolio volume at max. Electric blue, coral and lime stack into a full-bleed case deck.
FAQ
이 스타일을 포트폴리오에 어떻게 적용하나요?
Curio의 MCP 서버를 AI 클라이언트(Claude Code, Cursor, ChatGPT 등)에 연결하고 선택한 스타일로 포트폴리오를 만들도록 요청합니다. AI가 시스템을 가져와 적용합니다. 또는 해당 스타일의 DESIGN.md를 다운로드해 프로젝트에 추가합니다.
홈페이지만이 아니라 프로젝트와 사례 연구 페이지에도 적용되나요?
각 스타일은 완전한 시스템이므로 AI가 랜딩, 프로젝트 목록, 개별 사례 연구 페이지에 일관되게 적용합니다. 첫 화면뿐 아니라 타이포그래피, 간격, 컴포넌트가 전체에서 맞물립니다.