速く作るより、何を作るかを決める方が10倍大事 — X投稿ビジュアル
個人開発・AI活用における意思決定の重要性を伝えるX投稿ビジュアル。リネン白×インクブルー×テラコッタのクラシックな活版印刷エディトリアル風。大型「10×」を半透明で背景に配置し、明朝体メインメッセージを上部にしっかり読ませる構成。縦書き署名・ノンブル風メタ・微細罫線で雑誌的な手触りを表現。
デザインの意図
前作SNS(2026-05-04, ダークネイビー+ビビッドレッド+ネオブルータリズム)から完全方向転換。テーマ「決断・本質を見抜く」の体温から逆算し、知的で温かみのあるリネン白(#F2EDE4)+インクブルー(#1F2E52)+テラコッタ(#B85C38)の和洋折衷活版印刷エディトリアル風を採用。Noto Serif JP明朝体+EB Garamondイタリック+Noto Sans JPの3フォント混用で日本語と英字メタの温度差を作り、'印刷物としての記号'(ノンブル/罫線/縦書き/版ずれ)を散りばめて'AIでは出にくい人間的なエディトリアル感'を狙った。学習パターンの機械的コピペを避けるためテクスチャはbaseFreq:0.62/opacity:0.082/multiply（前作:0.95/0.18/overlayと完全異値）に変更し、CSS変数も--paper/--ink/--terracottaに刷新。
制作の詳細
1200x675px X投稿用。Noto Serif JP 800(76px見出し, letter-spacing -0.025em, line-height 1.18) + Noto Sans JP 400(19pxサブ, line-height 1.72) + EB Garamond italic(メタ/ノンブル)。中央メッセージは『速く作るより、何を作るかを決める方が10×大事』、サブで『手を動かす速度はAIが10倍にしてくれる。でも方向の正しさだけは自分で決めるしかない』を補足。背景に540px『10×』をopacity 0.085/rotate(-1.2deg)で配置し版ずれtext-shadow付与。ディテール: ①上部メタ帯(No.047 / Notes on Building / 2026 — May)+二重罫線、②縦書き『思考のフレーム』を右マージンに配置、③footer罫線にテラコッタ56px帯、④インク染み風radial gradient 2点、⑤テラコッタ下線アンダーレイで『何を作るか』を強調。grain SVG feTurbulence(baseFreq:0.62, multiply, opacity:0.082)で紙質感。
適用したデザインパターン
自己評価
強み
前作(ダークネイビー+赤+サンセリフ+overlayグレイン)から色彩・フォント・テクスチャ・透明度・CSS変数まで完全に切り替え、AI排除チェック8項目すべてクリア。テーマ『決断の重要性』の体温から逆算したクラシックな活版印刷風が知的なメッセージと合致。縦書き『思考のフレーム』+ノンブル+二重罫線+テラコッタ短帯の細部が量産系AIっぽさから明確に離れ、日本語エディトリアルの手触りを実現。Noto Serif JP明朝の-0.025em詰め+ line-height 1.18の主張力。テラコッタアンダーレイが『何を作るか』のキーワードを自然に強調しメッセージのフックを作っている。
改善点
写真・イラスト等の非テキスト有機要素はインク染みradial gradient2点と小ドットのみで控えめ。次回は実際の手描きスケッチ風SVG・写真・図解アイコン等を1要素加えるとさらに人間味が増す。下部のサブテキストがフッターと近接気味でやや窮屈、padding-bottomを増やす余地あり。背景の『10×』数字はメッセージと干渉しない位置だが、もう少し大胆に画面端から飛び出させてもインパクトが出た。