Best design styles for entertainment & media sites
エンターテインメントやメディアのサイトは、表現の音量を上げてもかまいません。読み込まれた瞬間から、生き生きとして没入感があり、個性に満ちているべきです。Curioから選んだ以下のスタイルは、雑然とさせず意図を持ってその力を引き出します。どれもAIがMCPまたはDESIGN.mdのダウンロードで適用できる完全なシステムです。
エンターテインメントに適したスタイルとは
エンターテインメントに適したスタイルには、雰囲気を決める表現豊かな配色、ヒーロー場面を支える大胆なタイポグラフィ、単なる装飾ではなく意図と手応えのある動きという共通点があります。鍵は構造です。強いグリッドと明確な階層がまとめてこそ、エネルギーは雑然さではなく高揚感として伝わります。
以下はすべてテンプレートではなく、色、タイポグラフィ、余白、コンポーネント、ルールを含む完全なデザインシステムです。AIに指定すれば、そのスタイルでサイトを作ります。「What is it」で詳しいガイドを、「View spec」でシステムを確認できます。
The styles
-
1
BTS Army Purple 2020
Fandom becomes atmosphere. Borahae purple, pearl cards, lavender glow, one gold pulse.
-
2
Discord 2024
Blurple cozy. Charcoal grounds, illustrated characters — every surface says 'hang out, don't work'.
-
3
Duolingo 2024
Adorable pressure wins. Feather Green, Nunito heft, rounded push-shadows gamify guilt.
-
4
Peanuts Comic Schulz (1950)
Gentle melancholy on newsprint. Caveat lettering, cream panels, yellow and blue accents.
-
5
Spotify Dark
Streaming feels canonical. Near-black canvas, green play pills, album-art grid.
-
6
Studio Ghibli (Miyazaki)
Hand-painted wonder breathes. Cumulus blue, meadow green, and Cormorant type slow the page.
-
7
The Matrix (Green-Code)
Terminal myth, disciplined. CRT green code rain, black grid, monospace scripture.
-
8
Vaporwave (Tumblr 2012)
Dead-mall nostalgia glows. Pink-lavender glass, VHS scanlines, and wide retro type.
-
9
Windows 98 Vaporwave
Corporate melancholy glows. Bevelled panels and purple-pink-cyan dusk do the rest.
-
10
Aardman Claymation
Handmade warmth, visibly touched. Clay-orange panels, Caveat notes, thumbprint geometry.
-
11
Adventure Time
Cartoon warmth, inked loud. Cream gutters, candy pink, cyan and mint lock into thick outlines.
-
12
Africanfuturism Vibranium
Ceremony goes electric. Violet glow and gold inlay thread a volcanic textile grid.
FAQ
大胆なスタイルは読みやすさやパフォーマンスを損ないませんか？
各スタイルは、階層、コントラスト、節度のルールを備えた完全なシステムです。AIは効果のある場所に表現力を使い、それ以外を読みやすく保ちます。混乱ではなく、構造のあるエネルギーです。
これらのスタイルをサイトに適用するにはどうすればよいですか？
CurioのMCPサーバーをAIクライアント（Claude Code、Cursor、ChatGPTなど）に接続し、選んだスタイルでサイトを作るよう依頼します。または、そのスタイルのDESIGN.mdをダウンロードしてプロジェクトに追加します。