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
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
これらのスタイルをポートフォリオに適用するにはどうすればよいですか？
CurioのMCPサーバーをAIクライアント（Claude Code、Cursor、ChatGPTなど）に接続し、選んだスタイルでポートフォリオを作るよう依頼します。AIがシステムを取得して適用します。または、そのスタイルのDESIGN.mdをダウンロードしてプロジェクトに追加します。
トップページだけでなく、プロジェクトページやケーススタディにも使えますか？
各スタイルは完全なシステムなので、AIはトップページ、プロジェクト一覧、個別のケーススタディに一貫して適用します。入口だけでなく、タイポグラフィ、余白、コンポーネントが全体でまとまります。