https://vibe.itlibra.com/ 完全無料・著作権フリー（CC0）のWebデザイン×AIプロンプト集。新しく追加・更新されたデザインを配信します。商用利用OK・クレジット不要・改変自由。 ja Mon, 27 Apr 2026 00:00:00 GMT https://vibe.itlibra.com/design/blueprint-feature/ https://vibe.itlibra.com/design/blueprint-feature/ 建築・CAD図面のブループリントを再構築した機能紹介セクション。シアンブルーの方眼背景・寸法線・断面記号・コールアウトで「精密に設計された製品」の信頼感を技術的なビジュアルで叩きつける尖った設計。 Mon, 27 Apr 2026 10:10:00 GMT 機能紹介 https://vibe.itlibra.com/design/constellation-navigation/ https://vibe.itlibra.com/design/constellation-navigation/ 夜空の星座と天体観測カタログを再構築したサイトナビゲーション。各ページを"恒星"、カテゴリを"星座"として配置し、現在地を北極星（Polaris）の脈動で示す、神秘的で詩的な尖った設計。 Mon, 27 Apr 2026 10:50:00 GMT ナビゲーション https://vibe.itlibra.com/design/museum-exhibition-hero/ https://vibe.itlibra.com/design/museum-exhibition-hero/ 国立美術館の特別展ポスターを再構築したヒーローセクション。明朝大型タイトル・赤の差し色・許可印・バーコードまで作り込み、「文化的権威」と「会期限定の希少性」を同時に演出する尖った設計。 Mon, 27 Apr 2026 10:00:00 GMT ヒーロー https://vibe.itlibra.com/design/receipt-pricing/ https://vibe.itlibra.com/design/receipt-pricing/ コンビニや飲食店のサーマルプリントレシートを再構築した料金プラン。破れたエッジ・点線セパレータ・バーコード・赤い「人気」スタンプで「正直で透明な価格」を視覚的に証明する尖った設計。 Mon, 27 Apr 2026 10:20:00 GMT 価格表 https://vibe.itlibra.com/design/stamp-rally-cta/ https://vibe.itlibra.com/design/stamp-rally-cta/ 御朱印帳とスタンプラリーを再構築したCTAセクション。朱印スタンプ・残り札所・巡礼ゲージで「あと少しでコンプリート」の達成欲求を喚起する、日本独自文化を武器にした尖った設計。 Mon, 27 Apr 2026 10:30:00 GMT CTA https://vibe.itlibra.com/design/trading-card-portfolio/ https://vibe.itlibra.com/design/trading-card-portfolio/ ポケカ・MTG・遊戯王などTCG（Trading Card Game）のカードフォーマットを再構築したポートフォリオ。レア度ティア・ホロ箔反射・ステータス値で「コレクションしたくなる作品集」に変換する尖った設計。 Mon, 27 Apr 2026 10:40:00 GMT ポートフォリオ https://vibe.itlibra.com/design/botanical-specimen-portfolio/ https://vibe.itlibra.com/design/botanical-specimen-portfolio/ 19世紀の植物標本台紙（Herbarium sheet）を再構築したポートフォリオ。学名イタリック表記・採取地メタ・封蝋シール・古紙ノイズで「学術コレクション」の格を作る尖った設計。 Mon, 27 Apr 2026 16:50:00 GMT ポートフォリオ https://vibe.itlibra.com/design/library-catalog-search/ https://vibe.itlibra.com/design/library-catalog-search/ 図書館の目録カード（カードカタログ）を再構築した検索結果ページ。請求記号・ISBN・在庫スタンプ・蔵書印で「アーカイブの権威」と「網羅性」を演出する尖ったSERP設計。 Mon, 27 Apr 2026 16:10:00 GMT 検索結果 https://vibe.itlibra.com/design/polaroid-board-gallery/ https://vibe.itlibra.com/design/polaroid-board-gallery/ コルクボードに押しピンとマスキングテープで留めたポラロイド写真コレクションを再構築したギャラリー。手書き風キャプション・微妙な傾き・付箋メモで「私的な記憶」を訴求する尖った設計。 Mon, 27 Apr 2026 16:00:00 GMT ギャラリー https://vibe.itlibra.com/design/split-flap-dashboard/ https://vibe.itlibra.com/design/split-flap-dashboard/ 空港・駅の split-flap（パタパタ式）発車案内板を再構築したオペレーションダッシュボード。タイル状の数字ボード・色分けステータス・LIVE 表示で「業務の流れが見える」OPS 体験を作る尖った設計。 Mon, 27 Apr 2026 16:20:00 GMT ダッシュボード https://vibe.itlibra.com/design/typewriter-letter-cta/ https://vibe.itlibra.com/design/typewriter-letter-cta/ タイプライターで打たれた一通の手紙を再構築したCTA。修正線・赤鉛筆挿入・切手風ボタン・消印スタンプで「特別なあなただけに」の親密さを演出する尖った文書設計。 Mon, 27 Apr 2026 16:40:00 GMT CTA https://vibe.itlibra.com/design/brutalist-hero/ https://vibe.itlibra.com/design/brutalist-hero/ 角丸・影・グラデーションを一切使わず、極太タイポと裸の HTML 要素だけで突きつける反デザインのヒーロー。実験的アート・アンダーグラウンドメディア・若手クリエイターが「中身で勝負」する場面の選択肢。 Sun, 26 Apr 2026 15:30:00 GMT ヒーロー https://vibe.itlibra.com/design/corporate-feature/ https://vibe.itlibra.com/design/corporate-feature/ B2B SaaSやエンタープライズ製品向けの機能紹介セクション。落ち着いた寒色配色と整然としたグリッド、データ感のあるアイコンで「実用と信頼」を伝える設計。 Sun, 26 Apr 2026 14:00:00 GMT 機能紹介 https://vibe.itlibra.com/design/fashion-portfolio/ https://vibe.itlibra.com/design/fashion-portfolio/ 写真領域を全幅に走らせ、巨大な斜体ディスプレイ書体を画面外まで突き抜けさせるファッションマガジン的ポートフォリオ。Vogue・Dazed・i-D の版面感を Web 化した、ブランドルックブック専用の尖った設計。 Sun, 26 Apr 2026 16:15:00 GMT ポートフォリオ https://vibe.itlibra.com/design/glass-login-modal/ https://vibe.itlibra.com/design/glass-login-modal/ 半透明のすりガラス風パネルを背景に重ねるログインモーダル。SSO 3 種 + メール認証を中心に、視覚的に邪魔しない柔らかい認証フローを構築するための設計。 Sun, 26 Apr 2026 14:30:00 GMT 認証 https://vibe.itlibra.com/design/gradient-hero/ https://vibe.itlibra.com/design/gradient-hero/ Stripe/Linear系のモダンなSaaSサイトで主流の、暗背景にカラフルなメッシュグラデーションを敷くヒーローセクション。CSSの conic-gradient + blur で画像を使わずに鮮やかに仕上げる構成。 Sun, 26 Apr 2026 13:00:00 GMT ヒーロー https://vibe.itlibra.com/design/graffiti-not-found/ https://vibe.itlibra.com/design/graffiti-not-found/ コンクリート壁にスプレー塗料で殴り書きされた「404」を主役にしたストリートグラフィティ風 404 ページ。剥がれかけのポスター、タグ、スプラッタ、警告テープ。失敗ページすらブランドの遊び場にする尖った設計。 Sun, 26 Apr 2026 16:20:00 GMT 404ページ https://vibe.itlibra.com/design/handcrafted-footer/ https://vibe.itlibra.com/design/handcrafted-footer/ 紙質感のオフホワイトに手描き線のイラスト・ラフな書き込みを散りばめた、温度のあるフッター。クラフトブランド・カフェ・絵本系メディアなど人の手の温もりが武器になる業態に。 Sun, 26 Apr 2026 14:05:00 GMT フッター https://vibe.itlibra.com/design/neon-portfolio/ https://vibe.itlibra.com/design/neon-portfolio/ 暗背景にホットピンクとシアンの発光色を重ねるネオン系ポートフォリオ。ナイトクラブ・音楽・ゲーム・メタバースの世界観を Web に持ち込む、夜の街の空気を持つ作品集。 Sun, 26 Apr 2026 15:35:00 GMT ポートフォリオ https://vibe.itlibra.com/design/memphis-cta/ https://vibe.itlibra.com/design/memphis-cta/ 1980年代 Memphis Group の意匠を引用した、原色・波線・幾何形のカオスが踊るCTAセクション。退屈なフラットデザインを破壊して「楽しさ」を直接ぶつける尖った選択。 Sun, 26 Apr 2026 16:10:00 GMT CTA https://vibe.itlibra.com/design/newspaper-blog/ https://vibe.itlibra.com/design/newspaper-blog/ 大見出し・多段組・太いセリフ書体で構成する新聞紙面風のブログ・記事一覧ページ。情報密度を魅力に変え、ジャーナリズムやドキュメンタリー系メディアの世界観を作る型。 Sun, 26 Apr 2026 13:15:00 GMT ブログ https://vibe.itlibra.com/design/playful-empty-inbox/ https://vibe.itlibra.com/design/playful-empty-inbox/ 受信箱や通知センターが空のときの画面UI。シンプルなイラスト・1 行のコピー・1 つの明確なCTAで、「何もない」状態を「次のアクションへ」変える設計。 Sun, 26 Apr 2026 14:40:00 GMT 空状態 https://vibe.itlibra.com/design/soft-testimonial/ https://vibe.itlibra.com/design/soft-testimonial/ ヘルスケアやウェルネス系サービス向けの、パステル配色と大きな角丸で構成する柔らかいお客様の声セクション。安心感と温度を伝えながら、引用を読ませる構造を作る。 Sun, 26 Apr 2026 13:10:00 GMT お客様の声 https://vibe.itlibra.com/design/swiss-contact-form/ https://vibe.itlibra.com/design/swiss-contact-form/ 厳格なグリッドと無装飾サンセリフで構築する、スイス国際タイポグラフィ様式のお問い合わせフォーム。色を排し、罫線・余白・タイポの階層だけで「真剣さ」を伝える設計。 Sun, 26 Apr 2026 14:35:00 GMT フォーム https://vibe.itlibra.com/design/swiss-pricing/ https://vibe.itlibra.com/design/swiss-pricing/ 厳格なグリッドと無装飾サンセリフだけで構築する、スイス国際タイポグラフィ様式の料金プラン。装飾を排し、罫線・余白・タイポの階層だけで「比較しやすさ」を最大化する設計。 Sun, 26 Apr 2026 13:05:00 GMT 価格表 https://vibe.itlibra.com/design/terminal-cli-dashboard/ https://vibe.itlibra.com/design/terminal-cli-dashboard/ GUI を排し、すべてを ASCII テーブル・モノスペース・コマンドプロンプトで構築するターミナル風ダッシュボード。開発者向けインフラ管理ツール・サーバーモニタリング・ハッカー文化を取り込んだプロダクトに。 Sun, 26 Apr 2026 16:05:00 GMT ダッシュボード https://vibe.itlibra.com/design/vaporwave-hero/ https://vibe.itlibra.com/design/vaporwave-hero/ マゼンタ・パープルの夕焼けに地平線まで伸びるレトログリッド、大理石像、ローマン書体の日本語タイポを重ねるヴェイパーウェイヴ系ヒーロー。80s ノスタルジーとインターネット黎明期の美学が融合した尖った表現。 Sun, 26 Apr 2026 16:00:00 GMT ヒーロー https://vibe.itlibra.com/design/warm-cta/ https://vibe.itlibra.com/design/warm-cta/ 暖色（テラコッタ・赤・砂色）でまとめた、人肌の温度を持つ大判CTAセクション。飲食・ライフスタイル・小売など、信頼より親しみで選ばれるブランドのコンバージョン直前に効く設計。 Sun, 26 Apr 2026 14:10:00 GMT CTA https://vibe.itlibra.com/design/y2k-pricing/ https://vibe.itlibra.com/design/y2k-pricing/ 2000年代初頭の Frutiger Aero / Mac OS X Aqua / 透明クロームを再構築した Y2K 風料金プラン。鏡面ベベル・色付き光沢オーブ・虹色グラデで「ソフトウェアパッケージ」感を演出する。 Sun, 26 Apr 2026 15:40:00 GMT 価格表 https://vibe.itlibra.com/design/app-screen-showcase/ https://vibe.itlibra.com/design/app-screen-showcase/ モバイルアプリのプロダクトサイト向けに、傾けた3枚のスマホフレームに UI スクリーンを並べるショーケース。フィットネス・健康・SaaS モバイルアプリの定番表現を CSS だけで構築する尖った設計。 Sun, 26 Apr 2026 17:20:00 GMT アプリ画面 https://vibe.itlibra.com/design/bauhaus-hero/ https://vibe.itlibra.com/design/bauhaus-hero/ 1919年バウハウス・ロシア構成主義を引用した、原色×幾何形×グロテスクサンセリフのヒーロー。20世紀モダンデザインの古典をWebに再構築する、教養と前衛が同居する尖った設計。 Sun, 26 Apr 2026 17:15:00 GMT ヒーロー https://vibe.itlibra.com/design/isometric-feature/ https://vibe.itlibra.com/design/isometric-feature/ 30度傾斜の擬似3DでUIカードを浮かべる、未来感のあるアイソメトリック機能紹介。Stripe・Linear・Vercel系のモダンSaaSの定番表現を CSS だけで再現する尖った設計。 Sun, 26 Apr 2026 17:10:00 GMT 機能紹介 https://vibe.itlibra.com/design/kawaii-cta/ https://vibe.itlibra.com/design/kawaii-cta/ 日本発の「kawaii」美学を再構築した、パステル配色とマスコットキャラのCTAセクション。Z世代の女性向け・コスメ・サンリオ系プロダクトに刺さる、ふわふわで愛され系の遊び心ある設計。 Sun, 26 Apr 2026 17:05:00 GMT CTA https://vibe.itlibra.com/design/wabi-sabi-portfolio/ https://vibe.itlibra.com/design/wabi-sabi-portfolio/ 不完全さを美と捉える日本の侘び寂び美学を Web に持ち込んだポートフォリオ。墨絵のかすれ、紙質感、大胆な余白、明朝の縦書き和文、朱の落款で「静けさ」を作る尖った設計。 Sun, 26 Apr 2026 17:00:00 GMT ポートフォリオ https://vibe.itlibra.com/design/arcade-coin-pricing/ https://vibe.itlibra.com/design/arcade-coin-pricing/ 80年代ゲームセンターのアーケード筐体UIを再現した料金プラン。"INSERT COIN"、ピクセルスコアボード、ハイスコア表で「コインを入れて始める」ノスタルジーをCTAに変換する尖った設計。 Sun, 26 Apr 2026 17:30:00 GMT 価格表 https://vibe.itlibra.com/design/chat-interface/ https://vibe.itlibra.com/design/chat-interface/ Discord・Slack のチャットUIを再構築した3ペインインターフェイス。サーバーリスト＋チャンネル＋メッセージスレッド＋リアクション・スレッドの定番構成を CSS だけで網羅する尖った設計。 Sun, 26 Apr 2026 17:40:00 GMT チャット https://vibe.itlibra.com/design/boarding-pass-cta/ https://vibe.itlibra.com/design/boarding-pass-cta/ 航空会社のボーディングパスをそのまま再現したCTAセクション。ゲート番号・搭乗時刻・QRコード・バーコード・ミシン目で「予約完了感」を演出する、旅・イベント・体験型サービスに刺さる尖った設計。 Sun, 26 Apr 2026 17:45:00 GMT CTA https://vibe.itlibra.com/design/manga-panel-blog/ https://vibe.itlibra.com/design/manga-panel-blog/ 日本マンガのコマ割り・吹き出し・効果音文字を Web に持ち込んだ、白黒モノクロのブログ記事一覧。各記事を「ひとコマ」として配置する読者を惹きつける尖った設計。 Sun, 26 Apr 2026 17:35:00 GMT ブログ https://vibe.itlibra.com/design/subway-map-navigation/ https://vibe.itlibra.com/design/subway-map-navigation/ 東京メトロ・大江戸線などの路線図グラフィックを再構築したサイトナビゲーション。各カテゴリを"路線"、各ページを"駅"として見立て、駅ナンバリングや路線記号で迷わせない尖った設計。 Sun, 26 Apr 2026 17:50:00 GMT ナビゲーション https://vibe.itlibra.com/design/bento-features/ https://vibe.itlibra.com/design/bento-features/ 大小が異なるタイルを組み合わせて 6 機能を並べる、暗背景のベントーグリッド (タイル型レイアウト) の機能紹介セクション。主役の機能を大きく、補助機能を小さく配置することで、説明文を読まなくても重みづけが伝わる設計。 Thu, 23 Apr 2026 00:00:00 GMT 機能紹介 https://vibe.itlibra.com/design/bold-hero/ https://vibe.itlibra.com/design/bold-hero/ 画面いっぱいの極太な見出しと 1 色のアクセントカラーだけで勝負する、スタートアップ向けのヒーローセクション。CTA への視線動線を 1 本に絞り、滞在 3 秒で価値を伝える設計。 Thu, 23 Apr 2026 00:00:00 GMT ヒーロー https://vibe.itlibra.com/design/brutalist-blog/ https://vibe.itlibra.com/design/brutalist-blog/ 太い罫線、極太サンセリフ、蛍光アクセント、モノスペースのメタ情報で組んだ個人ブログ/メディアのトップページ。新聞のように記事を並べつつ、テック系の"整いすぎ"を拒むラフさを残す設計。 Thu, 23 Apr 2026 00:00:00 GMT ブログ https://vibe.itlibra.com/design/404-pixel/ https://vibe.itlibra.com/design/404-pixel/ 深紫の宇宙を背景に、点滅する星・浮遊するピクセルキャラクター・グリッチするタイトルを組み合わせたレトロゲーム風の404ページ。冷たいエラー画面の代わりに、離脱の瞬間を小さな温度に変える。 Thu, 23 Apr 2026 00:00:00 GMT 404ページ https://vibe.itlibra.com/design/corporate-footer/ https://vibe.itlibra.com/design/corporate-footer/ ニュースレター帯、5カラムのリンク群、ステータスバッジ、言語切替、SNSアイコンを整理したコーポレートサイト向けの情報密度高めフッター。信頼感の配色と安定したタイポグラフィで、サイト下部に"事務的すぎない"安心感を置く設計。 Thu, 23 Apr 2026 00:00:00 GMT フッター https://vibe.itlibra.com/design/cyber-dashboard/ https://vibe.itlibra.com/design/cyber-dashboard/ 黒背景にネオンの発光色、モノスペースフォントを組み合わせたサイバーパンク調の管理画面。KPI・ライブチャート・ログテーブル・リージョン別レイテンシを 1 画面にまとめた、開発者向けSaaSの観測系ダッシュボード。 Thu, 23 Apr 2026 00:00:00 GMT ダッシュボード https://vibe.itlibra.com/design/editorial-testimonial/ https://vibe.itlibra.com/design/editorial-testimonial/ メインの引用をアンカーに、3列の小さな声と3つの数値指標を重ねた雑誌調のお客様の声セクション。セリフのイタリック・うっすらした罫線・赤いクォートマークで信頼感と読みごたえを両立します。 Thu, 23 Apr 2026 00:00:00 GMT お客様の声 https://vibe.itlibra.com/design/glass-navbar/ https://vibe.itlibra.com/design/glass-navbar/ 半透明のすりガラス越しに背景のパステルが透けて見える、カプセル型の追従ナビゲーション。スクロール時もコンテンツの世界観を壊さず、モダンなSaaSやプロダクトサイトの上部に向きます。 Thu, 23 Apr 2026 00:00:00 GMT ナビゲーション https://vibe.itlibra.com/design/luxury-portfolio/ https://vibe.itlibra.com/design/luxury-portfolio/ セリフ体の大見出しと不揃いグリッド、暖色アースカラー、斜体のアクセントで組んだデザインスタジオ向けの作品集サイト。沈黙と余白で格を出す、雑誌的な誌面設計。 Thu, 23 Apr 2026 00:00:00 GMT ポートフォリオ https://vibe.itlibra.com/design/minimal-hero/ https://vibe.itlibra.com/design/minimal-hero/ 余白を大きくとり、見出しとCTAだけで価値を伝えるミニマルなヒーローセクション。SaaSや個人開発のランディングページ最上部に向いた、装飾を削って要点を立てる構成。 Wed, 22 Apr 2026 00:00:00 GMT ヒーロー https://vibe.itlibra.com/design/playful-cta/ https://vibe.itlibra.com/design/playful-cta/ 少し傾いたカードと厚い境界線、浮遊する絵文字、手書き風の矢印書き込みで構成した遊び心のあるCTAブロック。個人開発プロダクト・クリエイター系サービス・コミュニティ募集など、親しみの温度を優先したい局面向け。 Thu, 23 Apr 2026 00:00:00 GMT CTA