← 30の作り方

チーム運営を、もっとシンプルに

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

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

Weekly Report
01

未着手

週次レポートのドラフト、SSO設定

02

進行中

ボードのテンプレ整理、レビュー

03

完了

月次提出、監査ログ確認

Features

TSUMIKIでできること

01

ボードビュー

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

02

自動リマインド

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

03

週次レポート

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

Pricing

料金プラン

01

Free

¥0

3人まで

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

03

Business

¥1,980

/人・月(SSO・監査ログ)

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

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

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

How this was made

検証レシピ

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

作り方
提出レポートで使っている自社ブルーDS(#247db9グラデ・左上だけ大きい非対称角丸・黄色マーカー)の色トークンと角丸の数値を渡した。
使ったスキル
なし。自社DSのトークン定義を指示文で渡した。
使ったWeb技術
素のHTML/CSSのみ(JavaScriptなし)。フォントはKumbh SansNoto Sans JP

Verification Note

検証ノート

手法

提出用レポートとコーポレートサイトで使い続けているブルーのデザインシステムを、そのままLPのCSSに移し替えた。渡したのは色トークンと角丸の数値だけで、レイアウトの発想自体は借りていない。

なぜAI感が消えるのか

01

border-radiusを全パネルで40px 23px 23px 23pxという非対称の値に固定した。AIが初期反応で選ぶ均一な20px前後の角丸やpill型カードとは、触れた瞬間に手触りが違う。

02

グラデーションは#247db9→#56a7c7→#79c2ceの青1系統だけに絞った。紫からピンクへ抜けるlinear-gradient(135deg,#667eea,#764ba2)の類は、最初から選択肢に入れていない。

03

強調をbox-shadowで浮かせる代わりに、linear-gradient(transparent 62%, #fff27a 62%)の蛍光マーカーで下から塗った。紙の資料にペンを引く動きをCSSに変換した箇所で、画面が発光している感じを消す役目もある。

04

英字ラベルと数字のフォントをInterではなくKumbh Sansにした。見出しの字面がAI生成LPの既視感から外れる、地味だが効くポイントだ。

05

週次レポートのカードに、ブランド配色(#1f6fab/#3896d6/#79c2ce)のミニ棒グラフをインラインSVGで添えた。装飾でしかないが、これがあるだけで画面が提出資料の1ページに見えてくる。

向いている場面

提出資料やレポートとLPの顔を揃えたいB2B企業に向く。士業やコンサルのように、資料の信頼感そのものが営業になる業種とは特に相性がいい。