Features
タスクをカードで積んで、ドラッグで並べ替え。優先順位が一目でわかる。
期限前日にSlackへ自動通知。抜け漏れをゼロに。
チームの進捗を毎週月曜、1枚にまとめて配信。
Pricing
Free
¥0
3人まで
まずは小さなチームで試したい方に。
Team
¥980
/人・月(ボード無制限)
成長するチームにちょうどいい標準プラン。
Business
¥1,980
/人・月(SSO・監査ログ)
セキュリティ要件の高い組織向け。
How this was made
このページを何で・どう作ったか。使ったスキルとWeb技術を3行で明示する。
#247db9グラデ・左上だけ大きい非対称角丸・黄色マーカー)の色トークンと角丸の数値を渡した。Kumbh Sans/Noto Sans JP。Verification Note
提出用レポートとコーポレートサイトで使い続けているブルーのデザインシステムを、そのままLPのCSSに移し替えた。渡したのは色トークンと角丸の数値だけで、レイアウトの発想自体は借りていない。
border-radiusを全パネルで40px 23px 23px 23pxという非対称の値に固定した。AIが初期反応で選ぶ均一な20px前後の角丸やpill型カードとは、触れた瞬間に手触りが違う。
グラデーションは#247db9→#56a7c7→#79c2ceの青1系統だけに絞った。紫からピンクへ抜けるlinear-gradient(135deg,#667eea,#764ba2)の類は、最初から選択肢に入れていない。
強調をbox-shadowで浮かせる代わりに、linear-gradient(transparent 62%, #fff27a 62%)の蛍光マーカーで下から塗った。紙の資料にペンを引く動きをCSSに変換した箇所で、画面が発光している感じを消す役目もある。
英字ラベルと数字のフォントをInterではなくKumbh Sansにした。見出しの字面がAI生成LPの既視感から外れる、地味だが効くポイントだ。
週次レポートのカードに、ブランド配色(#1f6fab/#3896d6/#79c2ce)のミニ棒グラフをインラインSVGで添えた。装飾でしかないが、これがあるだけで画面が提出資料の1ページに見えてくる。
提出資料やレポートとLPの顔を揃えたいB2B企業に向く。士業やコンサルのように、資料の信頼感そのものが営業になる業種とは特に相性がいい。