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
Alvaro Siza White
Light makes the form. White planes on cool plaster throw sea-grey shadow and one wood note.
-
6
Ansel Adams Zone System
Only light remains. Deep shadow, serif captions, and one white moon mark the tonal ladder.
-
7
Antelope Slot Canyon
Glows from shadow. Oxblood ground, sandstone S-curves, and one warm gold shaft.
-
8
Archigram Walking City (1964)
Cities refuse foundations. Hot pink, cyan, and acid yellow lock a bordered comic grid.
-
9
Architectural Blueprint
Measurement, not mood. Prussian cyan grid with white hairlines and vermillion revision marks.
-
10
ASCII Art BBS (1992)
Terminal art hits hard. Cyan-magenta-yellow glow, box borders, block ramps.
-
11
Awwwards Swiss Portfolio
Cinema, not interface. Black canvas, huge condensed type, and one lime signal carry the reel.
-
12
Barbadian Chattel House
Joy made portable. Coral pink timber, mint shutters, sky-blue space, modular grid.
FAQ
これらのスタイルをポートフォリオに適用するにはどうすればよいですか？
CurioのMCPサーバーをAIクライアント（Claude Code、Cursor、ChatGPTなど）に接続し、選んだスタイルでポートフォリオを作るよう依頼します。AIがシステムを取得して適用します。または、そのスタイルのDESIGN.mdをダウンロードしてプロジェクトに追加します。
トップページだけでなく、プロジェクトページやケーススタディにも使えますか？
各スタイルは完全なシステムなので、AIはトップページ、プロジェクト一覧、個別のケーススタディに一貫して適用します。入口だけでなく、タイポグラフィ、余白、コンポーネントが全体でまとまります。