本文へ移動
ブランド · peekprompt.com

どの画像の裏にもプロンプトがあります。PeekPrompt は、その中をのぞき見るためのサービスです。

公式シールMMXXVI
01

画像の裏側

ひとつの言葉、ひとつの形、ひとつの色。マークの各パーツが、同じ短い物語を伝えています。

Peek(のぞく)

PeekPrompt のすべての画像は、作られる前にプロンプトが書かれています。のぞき見ることこそが、このサービスの価値です。画像の向こうに目を向けて、それを形づくった言葉を読みましょう。

鍵穴

P の白い部分は鍵穴です。中をのぞくことはできますが、開かない部屋もあります。Reserve のプロンプトは、その向こう側にあります。

金色の光

ドアの下から光が漏れています。その先で待っているのが金色です。だからゴールドは会員であることだけを示し、それ以外には使いません。

02

ロゴシステム

4つのマークで一つのファミリーです。スペースがあるところではロックアップ、スタンプとしてはシール、小さく表示する場合はモノグラムを使ってください。

メインロックアップ

シール + ワードマーク。ヘッダー、資料、プレスで使用します。

メインロックアップ
ダーク背景SVG
メインロックアップ
ライト背景SVG

シール

メインマークと公式スタンプ。40 px 以上では完全なシールを使用し、それより小さい場合はリング文字が自動的に省かれます。

シール
ダーク背景SVG
シール
ライト背景SVG

モノグラム

鍵穴の P だけのマーク。32 px 以下で使用します。

モノグラム
ダーク背景SVG
モノグラム
ライト背景SVG

ワードマーク

アウトライン化した Sora 650。自社 UI ではシールと必ず組み合わせて使います。

ダーク背景ロックアップファイル内
ライト背景ロックアップファイル内
03

余白と最小サイズ

マークに余白を与え、十分なピクセル数を確保してください。

余白

四方に x の余白を確保してください。x は鍵穴の高さです。その範囲には、テキスト、端、他のロゴを入れないでください。

xxxx

x = 鍵穴の高さ

最小サイズ

リング文字は読みやすさのために 40 px 以上が必要です。それより小さい場合、シールはコンパクト版(二重リング、文字なし)に切り替わります。ファビコンのような小さな正方形では、モノグラムを使ってください。

シール · 40 px 以上
  • 72 px
  • 56 px
  • 40 px
モノグラム · 32 px 以下
  • 32 px
  • 24 px
  • 16 px
04

カラー

インクの色はテーマに合わせます。鍵穴は常にゴールドです。

ダークテーマ

インク--fg
背景--bg
サーフェス--surface
ライン--line

ライトテーマ

インク--fg
背景--bg
サーフェス--surface
ライン--line

メンバーゴールド

会員限定です:鍵穴、Reserve、Pro、Elite に使います。装飾には使わず、他のボタンの色としても使いません。

メンバーゴールド
ゴールドテキスト · ダーク
ゴールドテキスト · ライト
ゴールドの PeekPrompt シール、Reserve のスタンプ
05

タイポグラフィ

3つのフォントファミリーがあり、それぞれ役割が決まっています。

画像の裏側を見てみよう。

Manrope

インターフェース

見出し 600、本文 400〜700。アプリで読むテキストはすべてこれです。

PeekPrompt

Sora

ワードマーク

ウェイト 650。ロゴではパスとしてアウトライン化しています。UI テキストには使いません。

portrait, soft rim light, 85mm --ar 3:4

JetBrains Mono

プロンプトテキスト

プロンプト、コード、時間表示に 11〜13 px で使用します。

06

実際の使用例

プロダクト全体でマークが使われる場所です。

会員カード

シールはすべての金属製カードに刻印されています。カーソルを重ねてみてください。

アプリアイコン

グラファイト背景のモノグラム、1024 px のマスター。

ファビコン

モノグラムのみ。シールがこれほど小さくなることはありません。

上部バー

ヘッダーサイズのコンパクトなシールを組み合わせたロックアップ。インクの色はテーマに従います。

07

使い方の注意

マークを認識しやすく保つための基本ルールです。

  • してはいけないこと鍵穴の色を変えない。鍵穴は常にゴールドです。
  • してはいけないことマークを引き伸ばしたり、潰したり、回転させたりしない。
  • してはいけないこと光彩、影、ベベル、グラデーションを加えない。
  • してはいけないこと写真の上に、そのまま乗せない。
  • してよいこと写真の上に置く場合は、暗いスクリムの上に配置する。
  • Reserve
    してよいことゴールドは会員向けに限る:Reserve、Pro、Elite。