SaaSランディングページに最適なデザインスタイル
SaaSランディングページは第一印象で決まります。わずか一秒で、信頼でき、現代的で、無理のない印象を与える必要があります。Curioから選んだ以下のスタイルはまさにそれを実現し、どれもAIがMCPまたはDESIGN.mdのダウンロードで適用できる完全なシステムです。
SaaSに適したスタイルとは
ソフトウェア製品で成果を出すスタイルには共通点があります。自信がありながら控えめな配色、十分な余白、価値提案をすぐ拾える文字階層、そして邪魔をせず生き生きと感じさせる適度な動きです。
以下はすべてテンプレートではなく、色、タイポグラフィ、余白、コンポーネント、ルールを含む完全なデザインシステムです。AIに指定すれば、そのスタイルでページを生成します。「What is it」で詳しいガイドを、「View spec」でシステムを確認できます。
The styles
-
1
1950s Diner Aqua
Roadside optimism shouts. Aqua walls, cherry vinyl, chrome bands, and neon script glow.
-
2
Acid House Smiley (1988)
Rave energy hits first. Acid yellow on black, Anton caps, smiley glow.
-
3
Airbnb 2014
Coral red, soft pill cards, Cereal type. The Bélo wraps strangers in warm, daylit hospitality.
-
4
Apple Liquid Glass 2024
Skeuomorphism, reborn for spatial. Frosted panels, specular highlights, depth as a design material.
-
5
Art Deco Jazz Age
Jazz Age glamour. Sunburst rays, stepped ziggurats, gold on black — Chrysler Building lobby in CSS.
-
6
Bollywood Poster Art (1970s)
Subtlety is unaffordable. Saffron fields, Bungee shadows, diagonal hoarding drama.
-
7
Caterpillar Construction Yellow (1925)
Maximum visibility, zero softness. 109 yellow ground and black slab type.
-
8
Coca-Cola Classic
Happiness goes full-bleed. Signature red, white ribbon waves, and warm rounded type.
-
9
Dieter Rams / Braun
Quiet by design. Warm gray, white panels, hairline grids, and one earned green dot.
-
10
Figma 2024
A brand that looks like its canvas. Five dots scatter like cursors, soft cards, purple pill CTAs.
-
11
Frutiger Aero 2007
Glossy techno-optimism. Translucent glass, photoreal skies, blue-greens — tech meets nature.
-
12
Glassmorphism
Depth becomes the texture. White glass blurs violet, magenta, and electric blue.
スタイルの選び方
流行ではなく、製品の個性にスタイルを合わせます。開発者向けツールには精密で控えめなもの、消費者向けアプリにはより多くの色と動き、エンタープライズ製品には巧妙さより堅実さと信頼感が向いています。
迷ったら、個性を保てる範囲で最も控えめな選択肢を選びます。節度は自信として伝わり、自信は成果につながります。そのうえでAIに全セクションへ一貫して適用させれば、ページ全体がまとまります。
FAQ
これらのスタイルをランディングページに適用するにはどうすればよいですか？
CurioのMCPサーバーをAIクライアント（Claude Code、Cursor、ChatGPTなど）に接続し、選んだスタイルでページを作るよう依頼します。AIがシステムを取得して適用します。または、そのスタイルのDESIGN.mdをダウンロードしてプロジェクトに追加します。
無料で使えますか？
この一覧にはFreeで使えるスタイルがいくつかあり、ほかはProです。すべてのスタイルのガイドは無料で閲覧でき、Freeのスタイルは料金なしで適用できます。