11 SPECIMENS
話す・頼む
入力、音声、添付、モデル選択。Lunaへ依頼する入口をつくる標本群。
ほか 7 件をライブラリに収録デザイン一覧へ移動
FEATURED DESIGN / 01100 IDEAS 
Luna DesignA B C D PREVIEW / ACTUAL IMPLEMENTATION情報設計デモ INFORMATION MODEL / LIVEデータ設計
LUNA DESIGN / JAPANESE SENSIBILITY
美しさを、仕事の力に。
モーショングラフィック墨の波紋
墨が水面へ落ち、輪郭を残しながら静かにほどける背景モーション。
収録アイデア100動く試作14件・構成参考86件
利用条件を確認済み27オリジナル・OSS・ライセンス済み
ライブラリを見る 作例ライブラリ
デザインを見つける
実際の作例を見比べて選び、色・文字・ロゴを自分のスタイルに整えて、次の制作に使えます。
お気に入り（0件）はこのブラウザだけに保存されます。アカウントや他の端末には同期しません。
- 表紙#表紙出典確認済み
- 特徴・比較#特徴出典確認済み
- 特徴・比較#比較出典確認済み
- 工程・流れ#工程出典確認済み
- 工程・流れ#活用例出典確認済み
- 範囲・構造#範囲出典確認済み
SLIDE LAYOUTS
同じ内容のまま、構図を選ぶ。
資料レイアウト12型。見出しや要点はそのままで、位置・大きさ・読む順番・図の構造が変わります。見本は型ごとの色・書体・素材で表示しています。ログインすると、自分の色・書体・ロゴで保存できます。
伝わる構図を、選ぶ。
同じ内容でも、構図を変えるだけで伝わり方は大きく変わります。
A 主役を大きく大見出しと1つの大きなビジュアルを非対称に置く。
見本：白とクリアガラス（素材は承認見本から切り出したもの）。
この型で使わない内容：英字の飾り文字、要点、数値、2つの軸、結論（消さずに保持します）。
LUNA DESIGN / INTERACTIVE STUDY
動きと使い方を、ここで見る。
Lunaの色・文字・操作感で作った動く試作です。製品への搭載状態は別に確認します。
この環境で表示中墨の波紋
LUNA DESIGN / PREVIEWSTUDY
墨の波紋
LUNA INTERPRETATION選択すると、この場で表示が切り替わります
PATTERN ATLAS / 4 FAMILIES
操作の目的から引く、デザイン図鑑。
見た目の名前ではなく、「何を完了したいか」で分類。各標本には用途、情緒評価、Luna用の制作プロンプトを結びます。
16 SPECIMENS
動かす・見守る
実行計画、処理中、ツール呼び出し、活動履歴。自律作業を不透明にしない。
ほか 12 件をライブラリに収録09 SPECIMENS
比べる・決める
表、KPI、一括操作、通知。情報を眺めるだけでなく次の判断へつなぐ。
ほか 5 件をライブラリに収録22 SPECIMENS
伝える・感じる
背景、モーション、確認、空状態。操作の意味を光と動きで補助する。
ほか 18 件をライブラリに収録COMPOSITION LIBRARY / 4 LANES · 24 BLUEPRINTS
部品ではなく、全体の流れを選ぶ。
考えがまとまる構成から、伝わるビジュアルまで。完成された全体の流れを、すぐに使える形で収録しています。
TEMPLATES FOR A MORE THOUGHTFUL TOMORROW.SLIDE DESIGN / 6 STRUCTURESスライドデザイン
すべて見る →表紙・タイトル
月白の扉
大きな主題と短い補助線だけで、資料の温度を最初の一枚に固定する。
- 主題
- 副題
- 日付・署名
エグゼクティブサマリー
一枚結論
結論、根拠、次の判断を一画面に置き、読み手が最初に全体を掴める。
- 結論
- 根拠3点
- 意思決定
現状・課題整理
課題の断面
事実と解釈を混ぜず、左から現状、摩擦、失われている価値へ視線を運ぶ。
- 現状
- 摩擦
- 影響
比較・選択
二項の間
二案の違いを同じ深さで並べ、中央の判断軸で採否を説明する。
- 案A
- 判断軸
- 案B
ロードマップ
軌道の道筋
時間を横軸に流し、節目・成果・次のゲートを一本の軌道として示す。
- 現在
- 90日
- 到達点
最終提案・クロージング
余韻の着地
最後に覚えてほしい一文と、次に取る行動だけを静かに残す。
- 核心
- 約束
- 次の一歩
SITE LAYOUT / 6 ARCHITECTURESサイトレイアウト
すべて見る →コーポレート
思想から始まる企業サイト
存在理由を起点に、事業・証拠・人・接点へつなぐ編集型の全体構成。
- Hero
- Purpose
- Business
- Proof
- People
SaaS・業務プロダクト
課題解決ファネル
困りごとの自覚から、仕組み、実演、信頼、導入判断まで迷わせない。
- Hero
- Pain
- Mechanism
- Demo
- Use cases
AI・新規プロダクト
デモ先行の製品ページ
説明より先に動く価値を見せ、操作イメージから機能理解へ戻る構成。
- Demo Hero
- Jobs
- Workflow
- Features
- Security
採用・カルチャー
人から入る採用サイト
制度の一覧ではなく、人・仕事・現場の順で働く実感へ近づける。
- People Hero
- Mission
- Voices
- Projects
- Culture
制作会社・ポートフォリオ
作品を巡るショーケース
代表作を主役にし、作品間の移動そのものをブランド体験に変える。
- Showcase
- Selected work
- Process
- Capabilities
- About
メディア・調査レポート
章立ての読み物サイト
要点、文脈、図解、引用を章で分け、長文でも現在地を失わない。
- Lead
- Summary
- Chapters
- Data
- Cases
IMAGE 2.5 / 6 REQUEST PATTERNS画像生成・編集
すべて見る →ゼロから生成
月光のキービジュアル
主役、余白、光源、文字の安全領域を先に固定し、ヒーローや表紙に使える一枚を作る。
- 用途
- 主役
- 構図
- 光
- 禁止事項
参考画像から再構成
気配だけを移す
参考画像の色温度・密度・光だけを読み取り、固有の構図や被写体は複製しない。
- 参考画像
- 残す要素
- 変える要素
- 新しい主役
- 権利境界
商品・プロダクト写真
硝子のプロダクト
形状を崩さず、背景、接地影、反射、視線の高さを指定して商品を主役にする。
- 入力画像
- 保持
- 背景
- 光源
- 接地
部分編集
一点だけ直す
変更範囲と触らない範囲を明示し、会話編集で一度に一つだけ確実に修正する。
- 対象
- 変更箇所
- 固定箇所
- 自然な接続
- 再確認
シリーズ展開
同じ世界を増やす
人物・商品・世界観の基準画像を保ち、構図や用途だけを変えて連続性のある素材を作る。
- 基準画像
- 固定特徴
- 可変項目
- 共通光
- 出力一覧
Slide・Web背景
文字を置く静かな面
文字を後から載せる前提で、情報量を抑えた背景素材と安全領域を作る。
- 掲載先
- 文字領域
- 素材
- 奥行き
- ノイズ量
INFORMATION DESIGN / 6 MODELS図解・情報設計
すべて見る →データ設計
関係をほどくER図
エンティティ、主キー、関係、カーディナリティを段階表示し、データの正本と境界を読む。
- 正本
- エンティティ
- 主キー
- 関係
- 多重度
システム設計
境界を示す構成図
利用者、画面、API、AI、データ基盤の責任境界と通信方向を一枚で示す。
- 利用者
- 画面
- API
- AI
- DB
UXフロー
迷わせない操作導線
入口、判断、成功、復帰を分け、利用者が次の一手を失わない操作の道筋を描く。
- 入口
- 目的
- 判断
- 操作
- 完了
処理順序
時間を追うシーケンス
誰が、いつ、何を呼び、どこで待ち、失敗時にどう戻るかを時間軸で読む。
- 利用者
- 画面
- API
- データ
- 応答
情報構造
迷子にしないサイトマップ
ページの親子関係、入口、回遊、最終行動を整理し、階層の深さと重複を見直す。
- 入口
- 主要分類
- 詳細
- 横断導線
- CTA
データ運用
流れをつなぐデータフロー
発生源から加工、保存、利用、監視までをつなぎ、欠落と二重管理を見つける。
- 発生源
- 入力
- 加工
- 保存
- 出力
INFORMATION DESIGN STUDIO / LOCAL DRAFT
実案件の構造へ、書き換える。
1行を「ID｜表示名｜補足」、関係を「始点ID｜関係｜終点ID」で入力。変更は上の大型プレビューへ即時反映されます。
DESIGN COLLECTIONつくってきたデザインから、
つくってきたデザインから、
次の一枚へ。
ロゴ、ポータル、資料、記事の図解。実際の作例を見比べて、制作の原本に。
8件の作例
ポータル
Luna Portalのホーム
仕事・記憶・資料への入口を、アイコンと短い言葉で整理。
資料・図解
クリアガラスの3つの特徴
同じ大きさの3図と短い説明を対応させ、一枚の主張にまとめる。
資料・図解
ウェビナーの全体ロードマップ
ガラスの台座を一本の道でつなぎ、今日の流れを一目で見せる。
資料・図解
星座でつなぐ業務フロー
依頼、資料、処理、確認、記憶を、5つの図と矢印でつなぐ。
資料・図解
星座で描く改善サイクル
記録・振り返り・改善・再利用を、ひとつの循環として見せる。
資料・図解
ガラス図と比較表
主役の図を上段、同じ観点の比較を下段へ置いて判断を助ける。
記事ビジュアル
Now on AIrの権限図解
人の操作と情報の境界を、手描きの場面と朱色の矢印で伝える。
記事ビジュアル
Now on AIrの場面イラスト
抽象的な問題を、人物・道具・場面の関係へ置き換える。
LUNA TOOLKIT / 6 ASSETS
Lunaで使う、文字とスキル。
見た目だけで終わらせず、良いものを探し、判断し、自分の環境へ実装するための共通部品。
Chakra Petch
Luna DesignLunaTechの角を切った文字表現を参照。Luna Designでは共通ワードマーク部品を使い、同じ字形・銀色を再現する。
Hiragino Kaku Gothic
静かな光で、情報を整える。Macに標準搭載された、軽く安定したLunaの和文ゴシック。説明、ボタン、一覧に使う。
Hiragino Mincho
良いものを、自分の軌道へ。追加通信なしで月光の柔らかさと編集的な品を出す、Lunaの和文見出し用。
design-sourcecraft
参考を探す → 原本確認 → Lunaへ変換公開されたUI原本を比較し、出典と権利を内部保持したままLuna向けの実装候補へ変換する。
a-design
方向性 → ブランド → WCAG → UXテーマ、ブランド、アクセシビリティ、UXを一つの判断軸で整える。
a-ui-refine
計測 → 修正 → 同条件で再検証375〜1440pxの実表示を測り、改行、余白、操作の違和感を外科的に直す。
DESIGN & PROMPTS / 100 IDEAS
小さく並べて、情緒で選ぶ。
動く試作14件と構成参考86件を収録。参考表示は完成見本ではありません。制作プロンプトをコピーし、Lunaの会話に作りたい内容を添えてください。