← 30の作り方
✨ チーム運営を、もっとシンプルに

チームのタスクを、
積み木のように。

散らばったタスクを1枚のボードに積み上げるプロジェクト管理ツール。今日やることが、開いた瞬間にわかる。

TSUMIKIでできること

📋

ボードビュー

タスクをカードで積んで、ドラッグで並べ替え。優先順位が一目でわかる。

自動リマインド

期限前日にSlackへ自動通知。抜け漏れをゼロに。

📊

週次レポート

チームの進捗を毎週月曜、1枚にまとめて配信。

料金プラン

Free
¥0
3人まで

まずは小さなチームで試したい方に。

Business
¥1,980
/人・月(SSO・監査ログ)

セキュリティ要件の高い組織向け。

今日のタスクから、積み始めよう。

14日間無料で試す 🚀
検証レシピ

How this was made

検証レシピ

このページを何で・どう作ったか。使ったスキルとWeb技術を3行で明示する。

作り方
指示は「タスク管理SaaS TSUMIKIのLPを作って」の一文だけ。デザインの判断をすべてAIに丸投げした、比較用のベースライン。
使ったスキル
なし。素のClaude Codeに指示文を渡しただけ。
使ったWeb技術
素のHTML/CSSのみ(JavaScriptなし)。フォントはGoogle FontsのInter
🔍 検証ノート

なぜこれが「AIっぽい」と一発でバレるのか

指示は「タスク管理SaaS TSUMIKIのLPを作って」の一文だけ。デザインシステムもトーンも指定せず、Claudeのデフォルト判断だけでコピーを流し込んでいる。

紫グラデ全部乗せ

ロゴ文字・ボタン・アイコン円・料金カードの人気プラン・CTA帯・ヒーロー背景まで、#667eea→#764ba2の同じ2色グラデを使い回している。差し色はこの1本しか持っていない。

glassmorphismヘッダー

backdrop-filter: blur(16px)と半透明白rgba(255,255,255,.55)。中身は普通のナビゲーションなのに、ぼかしだけで高級感を出そうとする定番の型。

浮遊blob背景

円形にぼかしたfilter: blur(60px)のピンク・ミント・イエローの塊が、ヒーロー背景で7〜11秒かけてふわふわ動く。LPテンプレートで判で押したように見かける装飾。

絵文字を円グラデに乗せただけのアイコン

📋⏰📊を白抜きで88pxの円グラデに置いているだけで、プロダクト固有のアイコンセットは作っていない。ボタンの🚀✨も同じく絵文字で押し切っている。

hoverは何でも「浮く」

機能カードはtranslateY(-12px)、料金カードは-10px、ボタンは-2px〜-3px。触れたときの反応が「持ち上がって影が濃くなる」の一種類しかない。

社内の壁打ちや、とりあえず動くものを見せる段階のモックには十分機能する。外部に公開する本番のプロダクトLPとして使うなら、この一本槍のグラデと絵文字アイコンからは離れたほうがいい。