Cosmic Holdings — Web Design Study

デザイン比較(A〜F・6系統)

コズミックホールディングスのコーポレートサイトのデザイン叩きです。すべて実写真(料理・店舗・スタッフ)を使用。A〜C=本命候補(トップ+下層4種フル)、D〜F=比較用です。

大きい画像=トップページ(クリックで開く)。その下のオレンジ枠の各行=下層ページへのリンク(会社情報 / グループ / 採用 / 店舗)。クリックで実物が開きます。

A–C — Shortlist (full set)

本命候補(A〜C)— トップ+下層4種

イメージに近い3系統。各系統トップに加え、実運用で主役になる下層4種(会社情報・グループ・採用・店舗)を同じデザインで用意しました。ここから絞り込みます。

A — Human

ヒューマン・ドキュメンタリー

働く人を全面に。「HAPPY=人」を写真で伝える。白基調+青の差し色。最有力候補。
背景:白/差し色 青
トップを開く
B — Wa-Modern

和モダン

墨+暖色、和文明朝の大見出し。上品で老舗らしい温かさ。カラー3軸(柿/テラコッタ/辛子)切替可。
背景:オフホワイト(暖)
トップを開く
C — Editorial

エディトリアル / マガジン

余白×特大セリフ、写真を大胆に使う誌面風。白黒のメリハリ+朱赤の差し色1色(マガジン定番)。
背景:白黒+朱赤
トップを開く
D–F — For comparison

比較用(D〜F)

あえて違う方向を3つ。本命と見比べる“振れ幅”の参考。各トップ+会社情報のみ用意しています(絞ったら下層を作り込みます)。

D — International / Tech

インターナショナル / テック

巨大サンセリフ+KPI特大。白+青で先進的・シャープ。現サイトの白・青に近い方向。
背景:ライト&クール(白+青)
トップを開く
下層ページ(クリックで開く)
会社情報
E — Cinematic

シネマティック / ダーク(高級感)

黒+ゴールドのフルスクリーン写真。高級感・静謐の方向。比較用に残置(背景はダーク)。
背景:黒+金(高級感)
トップを開く
下層ページ(クリックで開く)
会社情報
F — Joyful Pop

ジョイフル・ポップ(昭和食堂ネオレトロ)

多色+丸ゴシックで元気・親近感。方向は違うかもしれないが、比較の振れ幅として有用。
背景:多色カラフル
トップを開く
下層ページ(クリックで開く)
会社情報
© 2026 Cosmic Holdings — design samples by Claude Code. クラフトは和モダンに統合済み。気に入った系統が決まれば、その方向で本実装に移植します。