LETTERS INC. — HOMEPAGE RENEWAL

新HPデザイン案 <6パターン比較>

A〜C は「ミニマル × ダイナミック」の振り幅違い、D は社名「Letters」を主役にしたモーション案、E は2026トレンドの活字(色ズレ印刷)案、F は letters-inc.jp 系の白基調シンプル+歯車アニメ案。実際にスクロール・3D・アニメの挙動を確認し、方向性を選んでください。

これは方向性決定用の比較プロトタイプ(使い捨て)。確定後に Astro + Tailwind で本実装し直します。3Dは three.js(CDN)。読み込めない環境でも静的に成立します。

01
MINIMAL
PATTERN A

静かな強さ / Quiet Power

余白と大きなタイポで「語らずに効く」。線のワイヤーフレーム3Dが静かに自転。堅い意思決定層に効く知性と信頼。

  • モノトーン+1色
  • 番号セクション
  • 線ワイヤー3D
  • thunder系
View sample
02DYNAMIC
PATTERN B

流動 / Flux

AI/ITの先進性とスピード感を全面に。マウス・スクロールに反応するパーティクル流体。インパクト最大。

  • ダーク+グラデ
  • 粒子three.js
  • 大胆スクロール
  • plaid系
View sample
03
EDITORIAL
PATTERN C

余白と図形 / Canvas

ミニマルの品とダイナミズムの両立。マットな抽象3D幾何形がスクロールで回転。「挑戦をワクワク」を温度感のある編集デザインで。

  • 紙白+ティール
  • セリフ主役
  • マット3D
  • nel-all系
View sample
04 MOTION
PATTERN D

手紙 / Letter

スクロールで 紙→紙飛行機→鶴→手紙 に変化し、人から人へ届く。社名「Letters」を物語にしたモーション。淡い白・青・赤・紫(ブランド色)。

  • 名前を主役に
  • 折り変化×配達
  • 淡いブランド4色
  • SVGスクロール演出
View sample
05 Aa TYPE / 2026
PATTERN E

活字 / Overprint

「Letters=文字」を主役に、ブランド色(青・赤・紫)を版ズレ印刷のように重ねた大型タイポ。2026トレンド(鮮やか・不完全さ・マイクロマキシマリズム)を独自解釈。

  • 色ズレ活字
  • 巨大タイポ主役
  • 粒状の質感
  • 2026トレンド
View sample
06 GEARS / LINES
PATTERN F

歯車と線 / Gears

letters-inc.jp 系の白基調シンプル。黒・黄・灰・白+細い線画の歯車が回るアニメ。見やすく、ちょっと楽しい。

  • 白基調シンプル
  • 黒×黄×灰
  • 線画の歯車
  • 線のアニメ
View sample

ロゴ案

ワードマーク中心の3方向(つなぐ線 / 動くドット / 構造のL)をSVGで。

logo-concepts.svg を開く →

GPT image 用プロンプト

ロゴのムード探索用プロンプト集。字形は実フォント前提。

logo-prompts.md を見る →