テラデザイン垢_テンプレ集
テラ垢 ポストテンプレ集
今あがっているポストは全部チェック済みの「良いポスト」=このテンプレ集は実ポストの忠実な再現が目的(2026-08-14 大串FB・恒久)。新規の創作・改良より既存パターンの踏襲が正。1パターン=1テンプレで細分化。
2026-08-22 せーご全集受領:制作者本人(細川)のルール正本 34_マーケティング部/X投稿案_テラデザイン垢/_テラデザイン垢_せーご制作ルール全集 が届いた。生成時はこのテンプレ集と全集の両方に従い、矛盾したら全集(せーご実運用)が優先。主な上書き点:
- 1日3投稿体制:朝8時=本日のミッケ(シンプル版)/昼12時=ノウハウ・商談獲得(発注側経営者向け)/夜18時=動画サイト紹介(1日3案提出・ミッケURL必須)
- A-2(解説付き型)は2026-08-10に廃止(せーご「説明いらない」→朝はA-1シンプル版のみ。A-3問いかけ型は継続)
- 提出形式:新規=キャッチ案複数+投稿案3つ/完成版は「コピペのみ」で終える
- 締めは断定(「ですね/と思う/気がする」締めNG)・冒頭だけ会話体に崩してOK・「笑」適度に
- 裏取りルール:数字は裏取れるもののみ/実サイトを現物確認してから書く(確認できない演出は書かない)
- 国内優先(英語・海外中心は「日本人に刺さらない」)/土日のミッケはレジャー・宿・習い事系
- 選定前に 34_マーケティング部/X投稿案_テラデザイン垢/_テラデザイン垢_使用サイトログ で重複確認(採用したら即追記)
文体・トーン共通ルール(大串垢と真逆・混ぜるな危険)
| 項目 | テラ垢 | (参考:大串垢) |
|---|---|---|
| キャラ | 「テラ」=デザイン好きの案内人。親しみ・ワクワク共有 | 経営者・断定 |
| 語尾 | 「〜なんです!」「〜ですね」「〜しちゃいます!」「〜てます…!」 | 「〜だ」「〜と思ってる」 |
| 絵文字 | 使う(👀 😊 ☺️ 👍 等・1ポスト1〜2個・文末が基本) | 禁止 |
| 感嘆表現 | 「…!」「すっっっごい」「えぐい」 | 「!」「...」のみ |
| ハッシュタグ | 「本日のミッケ」型のみ #WEBデザイン #ホームページ #HP |
使わない |
| メディア | 動画が基本(サイトスクロール録画・20〜60秒)。画像1枚の日もあり | 当面凍結 |
| 締め | 「原則の言い切り」or「読者への後押し」1行 | 断定 |
テンプレ一覧(7系統13型)
| 型 | 名前 | 頻度(観測) | メディア | 実績目安 |
|---|---|---|---|---|
| A-1 | 本日のミッケ・ミニマル型 | ほぼ毎日 | 動画 or 画像1 | 157〜2,016 views |
| A-2 | 本日のミッケ・解説付き型 | 週2程度 | 動画 or 画像1 | 1,441〜1,908 views |
| B-1 | サイト紹介・業種フック型 | 週1〜2 | 動画 | 4,629 views |
| B-2 | サイト紹介・箇条書き分解型 | 週1〜2 | 動画 | 2,113 views |
| B-3 | サイト紹介・作り込み圧倒型 | 週1 | 動画 | 6,348 views |
| B-4 | サイト紹介・想い一致型 | 週1 | 動画 | 1,505 views |
| B-5 | サイト紹介・主役引き立て型 | 週1 | 動画 | 1,242 views |
| B-6 | サイト紹介・動き遊び心型 | 週1 | 動画 | 898 views |
| C | 超短文・動画全振り型 | 週1 | 動画 | 11,187 views(最高) |
| D | 引用RT・一言感嘆型 | 週2〜3 | (引用元の動画) | 980〜12,539 views |
| E-1 | HP教育・デザイン哲学型 | 週1 | なし | 1,566 views |
| E-2 | HP教育・危機感型 | 週1 | なし | 1,352 views |
| F | 制作デモ・インバウンド型 | 週1以下 | 動画 | 4,045 views |
| G | プロダクト告知型 | 随時(ピン留め級) | 画像複数 | 5,683 views・91 likes |
| A-3 | 本日のミッケ・問いかけエンゲージ型 | 週2程度 | 画像 or 動画 | 905〜2,481 views |
| B-7 | サイト紹介・理由解明型 | 週1 | 動画 | 3,952 views |
| E-3 | HP教育・ノウハウこだわり所型 | 週1以下 | 動画 | 36,577 views(全期間最高) |
| E-4 | HP教育・制作ポリシー型 | 週1以下 | なし | 1,704 views |
| H | ツール・参考サイト紹介型 | (mikke公開前の主力) | 動画 | 10,573/10,062/9,093 views |
| D-2 | 引用RT・共感解説型/試してみた型 | 随時 | (引用元) | 417〜3,545 views |
A-1|本日のミッケ・ミニマル型
構造:定型1行+mikke URL+ハッシュタグ。本文で語らず動画/画像に全部任せる。
本日の”ミッケ”👀
(mikkeの該当サイトURL)
#WEBデザイン #ホームページ #HP
実例(2026-08-13・2088037892585361466):
本日の”ミッケ”👀
https://mikke.scale-group.co.jp/site/hiyori-hoikuen/WEBデザイン #ホームページ #HP
- 表記ゆれ:「本日の“ミッケ”」(ダブルクォート種別ゆれあり・どちらでも可)。絵文字は👀固定でない日もあり
- ハッシュタグは2個の日(#WEBデザイン #ホームページ)と3個の日がある
A-2|本日のミッケ・解説付き型 【2026-08-10 廃止】
この型は廃止済み(せーご「説明いらない」→朝のミッケはA-1シンプル版のみ)。過去ポストの記録として残すが、新規生成に使わない。
構造:定型1行+サイト名(業種「名前」)+配色×印象の1行+補足1行+URL+タグ。
本日の”ミッケ”
{業種}「{サイト名}」
{色}×{色}の{形容}な配色で“{伝わるもの}”を一気に感じさせてくれます!
”{ジャンル}系の{価値}”その両方を見せられるデザインになってますね
(mikke URL)
#WEBデザイン #ホームページ
実例(2026-08-08・2086225950266786138):
本日の”ミッケ”
老舗食品「あら与」
黒×茶の和モダンな配色で“伝統と品格”を一気に感じさせてくれます!”和食・老舗系の高級感と上品さ”その両方を見せられるデザインになってますね
https://mikke.scale-group.co.jp/site/arayo/
WEBデザイン #ホームページ
B系統共通ルール(2026-08-14 大串FB・恒久)
- ネタは全部 mikke 掲載サイトから算出する(mikke未掲載サイトを紹介したい場合は、先に /mikke で mikke に追加してから)
- 本文に貼るリンクは、外部サイト直リンクでなく mikke内のそのサイトの詳細ページURL(https://mikke.scale-group.co.jp/site/〜)
- 目的=mikkeのインプ・流入強化(テラ垢→mikke→TERASUの導線を太くする)
B-1|サイト紹介・業種フック型
構造:「{業種}のHPはこれくらい〜していいんです!」フック → サイト特定 → 開いた瞬間の体験描写 → 遊び心の具体 → 業種の勝ち条件を言い切って締め。
実例(2026-08-13・2087826502067126391・4,629 views):
焼肉屋さんのHPはこれくらい楽しくしていいんです!
焼肉チェーン「情熱ホルモン」の20周年サイトなんだけど、開いた瞬間、ホルモンの部位写真がふわふわ浮かんでくる楽しいデザインなんです☺️
さらに「ホルモン図鑑」なんて遊び心のあるページまであって、眺めているだけでお腹が空いてきます!
飲食店のHPは「おいしそう」が伝わればもう99%勝ちです
B-2|サイト紹介・箇条書き分解型
構造:「開いて3秒で〜」等の時間フック → 「参考にするべき」宣言 → 要素3点の箇条書き → 3点が1つに揃う統合の気づき → 「これが◯◯の正解です」締め。
実例(2026-08-12・2087464106895012202):
開いて3秒で「いい会社だ」が伝わる採用サイト、見つけました…!
ここの作り込みは、本当に参考にするべきです!
・社員の笑顔をグリッドいっぱいに並べた画像
・「100年つづく、笑顔を創ろう」というコピー
・青×水色のグラデで、清潔感のある配色この3つが一つの世界観に揃ってて、明るさと安定感が一瞬で伝わります
言葉・デザイン・画像を、伝えたいこと一つに。
これが「社風を伝える」の正解です
B-3|サイト紹介・作り込み圧倒型
構造:「これを超える◯◯はあるのか…?」挑戦フック → 「作り込みがえぐい」 → 企業名 → 演出4点箇条書き → コピー引用「〜も痺れます」 → 「でも一番すごいのは〜」の視点上げ → 教訓+読者への行動喚起で締め。
実例(2026-08-06・2085214279570194777・6,348 views):
改善版これを超える採用サイトはあるのか…?
そう思えるほど、作り込みがえぐい大手製薬会社「ロート製薬」の採用サイト。
・ローディングから始まる、映画みたいな導入
・見出しが縦に1文字ずつ並ぶ、こだわりのタイポ演出
・”6つのフィールド”から自分で選んで進める設計
・「本当にこんな仕事をするんだ」が社員の対談で伝わる「行かなきゃ、この先に、どうしても叶えたい未来はある」というコピーも痺れます
でも一番すごいのは、この作り込み全部が「ここで働きたい」に繋がってること。
採用サイトの本気度は、そのまま求職者の志望度になるんです!採用サイトを考えてる方は、絶対に参考にするべきです
B-4|サイト紹介・想い一致型
構造:「ありそうでない『想いとデザインが一致した』サイト」フック → 会社の思想の紹介 → 「その考えが、サイトにもそのまま出てる…!」 → デザイン手法の描写 → 想いとデザインの一致を言語化 → 「いいデザインは、会社の想いまで体現します」締め。
実例(2026-08-03・2084202618319188057):
ありそうでない『想いとデザインが一致した』サイトです…!
名古屋の注文住宅「neie」のサイトなんですけど、
ここは「心地よさは、広さや断熱性能だけじゃ測れない」と考えてる会社で、派手さよりそこに居て“自然と心がほどける感覚”を大事にしてるんですその考えが、サイトにもそのまま出てる…!
無駄に豪華に見せず、自然光の写真や動画とたっぷりの余白だけで“静けさと心地よさ”を伝えきってるんです“会社が掲げる心地よさ”と“サイトの心地よさ”が、ぴたっと一致してる。
いいデザインは、会社の想いまで体現します
B-5|サイト紹介・主役引き立て型
構造:「{身近な商品}を、ここまで特別に見せられるのか…!」フック → 主役の写真表現 → 引き算の配色分析 → 原則化「シンプルな商品ほど、まわりを削って主役を引き立てる」 → コンセプト引用+体現の確認で締め。
実例(2026-08-02・2083840226489974877):
一枚の食パンを、ここまで特別に見せられるのか…!
身近な食パンを、“特別なごほうび”へ。主役が「一枚のパン」だからこそ、どれだけ美味しそうか、どれだけ特別かを、写真で伝えきってるんです。
しかも、そのパンを引き立てるために、周りは白と黒だけのシンプルな配色。
余計な色を削ることで、パンの色つやが一気に際立つんですシンプルな商品ほど、まわりを削って主役を引き立てる。だからこそ、こんなに美味しそうに見える!
コンセプトは「しあわせを感じるひとときを」
デザインが、その世界観をちゃんと体現してますね
B-6|サイト紹介・動き遊び心型
構造:「遊び心あふれる「アニメーション」を見つけたので共有です…!」 → 「”動き”がとにかく楽しい」 → ①②で動きを列挙 → 「派手すぎないのに触りたくなる」 → 「“遊び心”が、サイトを記憶に残す一番のスパイス」締め。
実例(2026-08-04・2084526457762824500):
遊び心あふれる「アニメーション」を見つけたので共有です…!
このサイトは”動き”がとにかく楽しいんです
①マウスを動かすと、矢印がついてくる
②選択ボタンを押すと、カーソルに合わせて上下左右にゆらゆら動く派手すぎないのに、思わず色々触りたくなる。
この“遊び心”が、サイトを記憶に残す一番のスパイスなんです
C|超短文・動画全振り型 (観測期間の最高インプ)
構造:感嘆1行+「とりあえず動画見て!」の2行だけ。説明ゼロ・動画に全振り。
すっっっごい{形容}デザイン発見👀
とりあえず動画見て!
実例(2026-08-07・2085989164393976164相当・11,187 views / 196 likes / 142 bookmarks):
すっっっごい可愛いデザイン発見👀
とりあえず動画見て!
D|引用RT・一言感嘆型
構造:他デザイナー系アカウントのサイト紹介ポストを引用し、一言〜二言の感嘆のみ添える。
実例(すべて2026-08):
こういう世界観のデザインすっごい良いよね😊(動画引用・1,335 views)
このアイデアすっごい
遊び心があって、見てるだけでも楽しくなるサイト発見(動画引用・1,673 views)このレベルはすごい(動画引用・1,490 views)
AIデザインって領域でこれは使えそう(画像引用・12,539 views)
これはすっごいな
最初から流れるFVは圧巻のクオリティ…!
このレベルは本当に久々見ました(引用・980 views)
E-1|HP教育・デザイン哲学型(テキストのみ)
構造:常識否定フック → 定義の言い直し → 「行きたい/働きたい/欲しい」の業種3連 → 成功の再定義で締め。
実例(2026-08-07・2085214279570194777の前後):
デザインのゴールは「おしゃれ」じゃない。
本当に優れたデザインは、
「伝えたいことが伝わって、人が動く」ものお店なら「行きたい」
採用なら「働きたい」
商品なら「欲しい」その気持ちを生めたら“デザイン“は成功なんです☺️
E-2|HP教育・危機感型(テキストのみ)
構造:読者の思い込みを台詞で提示「〜そう思ってませんか?」 → 「それ危険かもしれません」 → 実は〜の理由 → 逆のベネフィット → 「〜を活かすも殺すも、HP次第」締め。
実例(2026-08-06・2085214281713508673):
「うちは紹介が中心だから、HPは適当でいい」そう思ってませんか?
それ危険かもしれません実は、紹介された人ほど、あなたの会社を検索します!
そこで出てきたHPが微妙だと、一気に「大丈夫かな…」に変わってしまう…。逆に、自信を持って見せられるHPがあれば、商談も問い合わせも、驚くほどスムーズになることも多いです!
紹介を活かすも殺すも、HP次第なんです
F|制作デモ・インバウンド型
構造:「{業種}のHP作ってみました…!(架空店のデモです)」 → デザイン意図1〜2行 → 導線の網羅アピール → 募集3連「」×3 → 『希望』CTA → ▼サービス内容①②③。動画=デモサイトのスクロール録画。
実例(2026-08-06・2085289787519553863・4,045 views):
アサイーボウル専門店のHP作ってみました…!(架空店のデモです)
シズル感たっぷりの写真を主役に、白×黒でおしゃれに整えました
カスタムトッピング・オフィス配送・注文方法・採用まで、必要な導線を1枚にまとめてます!「新規でホームページ制作したい」
「HPリニューアルを考えている」
「自分の理想の契約内容で高クオリティHP制作したい」そう考えている方は、リプ or メッセージで『希望』とご連絡ください
▼サービス内容
①制作会社レベルのクオリティを、あなたに合ったプランでご提案(初期費用のみ/初期+月額/月額のみ など)
②デザイン・コピー・お問い合わせフォーム・SEO・公開・運用まで、すべて込み
③修正は無制限。追加料金・オプション料金は一切ナシ
G|プロダクト告知型(ピン留め級)
構造:「実は秘密にしてたんだけど…。」フック → 公開宣言 → ユーザーの声の再現「」×2 → 「最強ツールです」 → ーーー区切り【特徴】①②③(└補足付き) → ーーー → 悩みの台詞3連 → 「最高の相棒になるはず!」+ダジャレ締め。画像複数枚。
実例(2026-07-28 ピン留め・2082016961630806487・5,683 views / 91 likes):
実は秘密にしてたんだけど…。
テラが思う“アイデア溢れる良デザイン“をまとめた専用サイト『mikke』公開しちゃいます!「このアイデアすっご!!」
「こんなツールがあれば便利なのにな〜」って部分を集めた最強ツールです👍
ーーー
【特徴】
①業界 / 色 / タイプなど、細かく絞り込める
└サイトの雰囲気や種類別(LP・コーポレートなど)で「ここのデザイン探したい」がすぐ見つかります。②カラーコードを抽出できる
└色コードを確認できる項目を入れるだけで、あなたが探す配色が確認できます。③理想のフォントが見つかる機能
└文字を打ち込むだけで、フォントの雰囲気が分かります。
ーーー「参考サイト探してるけど、いいものが見つからない…」
「デザインアイデアがもっとほしい」
「自社HPの制作やリニューアルで参考にしたい」そんな方には最高の相棒になるはず!
あなたの“好き“が、きっとみっかります
追加取得分(2026-08-14 第2弾・全期間 6/18〜8/13 計69本ベース)
A-3|本日のミッケ・問いかけエンゲージ型
構造:定型1行+mikke URL+読者への問いかけ+「好きな絵文字/コメント送って」のエンゲージ誘導。リプ稼ぎ×ニーズ調査を兼ねる。
実例(2026-07-31・2083326845810782371・2,481 views):
本日の“ミッケ”
https://mikke.scale-group.co.jp/site/sukima/
キャラクター性のあるHPを作りたい方いますか?
いれば「好きな絵文字」送ってください
- 変形:「あなたは「整骨院」ってどんなデザインがいいと思いますか?」「あなたの理想のWEBデザインはなんですか?」等、問いだけの日もあり
B-7|サイト紹介・理由解明型
構造:「記憶に残るデザインには、ちゃんと理由があります…!」フック → ミニマルなのに印象に残る謎の提示 → 「理由は“◯◯”にあります!」で種明かし → 配色・動き・コピーが世界観に揃う描写 → 抽象化した学びで締め。
実例(2026-08-02・2083796045927153681・3,952 views):
記憶に残るデザインには、ちゃんと理由があります…!
ある会社の採用サイト。
白と青を基調にしたミニマルな作りなのに、なぜか印象にずっと残るんです理由は“人”にあります!
社員同士のクロストーク動画や自然な写真で、主役が完全に「働く人」になってる。だから見た人の中に、会社の空気ごと残るんです。配色も、人の温かみと、青×白の“清潔感と誠実さ”を思わせる色でまとめてる。
さらに、その主役を邪魔しない、おしゃれな線のアニメーションがそっと動くんです!「競争し、共創する」というコピーも、その世界観をぴたっとまとめてます
情報の多さより、どの情報を伝え、どうやって記憶に残すか。
デザインは、そこで差がつきます
E-3|HP教育・ノウハウこだわり所型 (全期間最高 36,577 views)
構造:「HP制作で、他の2倍以上こだわるべき場所があります…!」希少ノウハウフック → 答え(FV・3秒勝負) → 常識の否定(派手さは不要) → 実例で分解 → 「言葉・デザイン・画像を一つに揃える」原則化 → 失敗の怖さ → 「これが良い◯◯の作り方です」締め。
実例(2026-07-31・2083024863980130729・36,577 views):
HP制作で、他の2倍以上こだわるべき場所があります…!
それはFV(ファーストビュー)。ここは開いて3秒が勝負です。派手なデザインやアニメーションは、あってもなくてもいいんです。
大事なのは「何を伝えて、どう見せるか?」
ここを第一優先にしてください!例えば、ある金融AIの公式サイト。
“金融“という言葉に「行こう。金融の未来へ」のキャッチコピー、旗を持って先導する女性の画像。
この3つが噛み合って、“未来の金融を引っ張る会社“が一瞬で伝わります言葉・デザイン・画像を、伝えたいこと一つに揃える。
これができないと、何の会社かも伝わらないまま、3秒でそっと閉じられちゃいます。これが良いFVの作り方です
E-4|HP教育・制作ポリシー型
構造:「HP制作をしていて一番強く思うのは〜」制作者の実感フック → 「依頼者の本当に伝えたいことを汲み取る」ポリシー宣言 → 「これが何よりも最優先」 → 具体例で対比。(2026-08-01・1,704 views・冒頭のみ採取=全文は該当ポスト参照)
H|ツール・参考サイト紹介型(mikke公開前の主力・高インプ帯)
構造:「{悩み/欲求}なら「{ツール名}」が最高です…!/絶対に活用するべき!」 → 機能・使い方を1〜2点 → 「眺めるだけで勉強になる」 → 「保存してね!!」+ツールURL。
実例(2026-07-09・2075059202859634991・9,093 views・大串が7/10「インプ伸びてる!」とメモした実物):
デザインセンスのいい日本のLPだけ見たいなら「SANKOU!」が最高
ギャラリーの王道SANKOU!の中でも、質の高いLPだけを厳選して見られるんです。
眺めるだけで勉強になる!
見返せるように保存してね!!https://sankoudesign.com/category/lp/
他の実例(冒頭):Animista(CSSアニメコード・10,573 views)/recent.design(尖ったロゴ・デザイン・10,062 views)/Slideland(プレゼン資料・6,719 views)/NIPPON COLORS(日本の伝統色250色)/I/O 3000(ギャラリー)
備考:mikke公開(7/28)後はこの枠が「ミッケ」系(A系統)に置き換わった構図。外部ツール紹介は今も使える型(保存されやすい=bookmark稼ぎ)。
D-2|引用RT・共感解説型/試してみた型
実例:
ほんとこれです!Webデザインでも「揃ってない」は一瞬で信頼感に出ます。
見出しの左位置、カードの高さ、CTAボタンの余白、アイコンとテキストの基準線など。
このあたりが(後略・2026-06-30・共感+自分の知見を足す型)しまやすさんのプロンプトを使ってみました!
おしゃれなポスターが完成?!(2026-07-02・試してみた型・画像2枚)これは参考になる。(2026-06-18・一言型・3,545 views)
動画の作り方(2026-08-14 検証済み)
- ツール:lab-terasu リポの
tools/record_site.mjs(Playwrightでサイトを上から下へゆっくりスクロール録画→ffmpegでmp4化・7/21大串決定の案B実装をテラ垢に流用) - 実行:
cd <lab-terasuリポ> && node tools/record_site.mjs <mikkeサイトid> <サイトURL> pc(sp でスマホ幅375版) - 出力:
mikke-videos/<id>_pc.mp4(検証実績:18秒・1440×900・約7MB=X添付OK)。既存動画があれば再利用 - 仕様メモ:上限18秒(
MAX_SECONDS)・30fps・固定/stickyヘッダーは静的化される。テラ垢の実ポスト動画は23〜60秒帯もあるため、長尺が要る場合はツール側のMAX_SECONDS調整を大串に相談(mikke共用ツールのため勝手に変えない)
取得メタ・更新ルール
- 取得日:2026-08-14(第1弾:直近29本/第2弾:検索経由でアカウント開始6/18まで全期間・計約69本)/取得方法:Claude in Chrome(プロフィールTL+from:検索の日付窓)
- カバレッジ:アカウント全期間(2026-06-18〜08-13)。全149ポストには返信等も含まれるため本体ポストはほぼ網羅とみられるが、検索の取りこぼしはあり得る
- 時代の変化(観測事実):mikke公開(7/28)前=ツール・参考サイト紹介型(H)が主力 → 公開後=ミッケ系(A)+サイト紹介(B)が主力に移行
- 制作者:細川(Claude Code使用・現行フローは共有依頼済み 2026-08-14)→ 細川の実フローが共有されたら、このテンプレ集を実フロー準拠で更新する
- 新しいポストで新パターンを見つけたら1テンプレとして追記(既存テンプレの改変は大串確認必須)
関連
- 22_AI運用ルール/コマンド集/post/post.md — /post コマンド(テラ垢ブランチがこのファイルを読む)
- 34_マーケティング部/X投稿案_テラデザイン垢/_テラデザイン垢_FB_学習ストック — テラ垢FB蓄積(大串垢とは完全分離)