動画 画像
ログイン
Neito ブランドカラー探索ボード

Neito ブランドカラー探索ボード

A structured prompt for generating a 2×2 SaaS brand identity and landing-page mockup board with four accent color variations.

回視聴2,400
いいね31
コメント0
シェア0
ブックマーク19
引用0
翻訳
目標:{argument name="brand name" default="Neito"}という架空のSaaSランディングページビルダーのためのクリーンなブランド探索ボードを作成し、同じウェブサイトとブランドアイデンティティシステムを正確に4つのカラーディレクションで繰り返し表示。

キャンバス:広い16:9の白いキャンバス、4つの完全なブランド/ウェブサイトモックアップパネルを2×2グリッドで配置し、十分な余白を設ける。各パネルはアクセントカラーとソフトなぼかしグラデーション装飾を除いてほぼ同一。

レイアウト:4つのパネルそれぞれに正確に2つのメインエリア:左に大きなランディングページモックアップ、右に狭いブランドガイドカラム。4つのアクセントテーマは:1.青、2.緑、3.オレンジ、4.紫。

ランディングページモックアップの詳細:左上にロゴマークとして前方二連スラッシュの後に「Neito」と小さな星/スパークシンボル。トップナビゲーションに正確に5項目:Product、Templates、Pricing、About、黒い丸みのある「Get started」ボタン。中央に大きな編集用セリフ見出し:「Words become landing pages.」その下に、アイデアとコンテンツを美しく準備完了のランディングページに変換するについての小さなグレイの補足コピー、その後に黒いピルボタン「Start for free」。ボタンの下に正確に3つの小さな機能チップとアイコン:「No code」「Quick setup」「Always in sync」。ヒーローヘッドラインの後ろに、パネルのアクセントカラーによる巨大なairyなぼかし円形グラデーションリング。

ボトムウェブサイトカード:各ヒーローセクションの下に、正確に3つの長方形コンテンツカード、細いボーダーと丸みのある角。カード1:「Build pages from your ideas.」小さな黒いピルボタン「Try Neito」。カード2:「Launching soon.」小さな丸みのあるメール/入力ピルと黒い「Notify me」ボタン、細い抽象的な円線グラフィック。カード3:「01」とナンバリング、小さな記述テキストと、右下に大きく切り抜いたぼかしアクセントカラーリング。

ブランドガイドカラム:小さな見出し「BRAND IDEA」と短い日本語スタイルの段落ブロックを小さな黒いテキストで。その下に正確に4つのラベル付きセクションを細いグレイの水平線で分離:COLOR PALETTE、TYPOGRAPHY、VISUAL LANGUAGE、サンプルカード。COLOR PALETTEには正確に2つの円形スウォッチ、MainとAccentでラベル付け;Mainスウォッチはほぼ白、Accentスウォッチはパネルの色に一致し、それぞれの横に小さなヘックスコードラベル。TYPOGRAPHIAには正確に2つのタイプスペシメン:見出し用の大きなセリフ「Aa」と本文用の小さなサンセリフ「Aa」。VISUAL LANGUAGEには正確に4つの円形トークン、Flow、Connection、Simplicity、Flexでラベル付け、1つ以上がアクセントカラーをぼかしリングとして使用。最後のサンプルカードは「From thought to landing page.」小さなサブテキストと、切り抜いたぼかしアクセントカラーリング。

ビジュアルスタイル:ミニマルなプレミアムウェブデザインプレゼンテーション、モノクロームタイポグラフィ、余白の多い、細いライトグレイの区切り、微かな影、ソフトなフロストグラデーション、編集用セリフ見出しと小さなモダンなサンセリフUIラベル。すべてをFigmaのブランド探索スクリーンショットのようにクリーンに保つ。{argument name="headline text" default="Words become landing pages."}をメインの繰り返しヒーローヘッドラインとして使用、{argument name="accent palette" default="blue, green, orange, purple"}を4つのカラーバリエーションとして、{argument name="canvas ratio" default="16:9"}を使用。

制約:正確に4つのパネル、各パネルに正確に3つのボトムウェブサイトカード、各パネルに正確に2つのブランドエリア、各ブランドガイドに正確に2つのカラースウォッチ、各ブランドガイドに正確に2つのタイポグラフィスペシメン、各ブランドガイドに正確に4つのビジュアルランゲージトークンを表示。写真、人物、デバイスフレーム、ダーク背景、または追加パネルは追加しない。

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 元の投稿 Hitboard で開く