戦略はまず、デザインは2つ目、結果は常に。
削減する。
繰り返す。
洗練する。
そして、息をさせる。
4つの動詞、その順序で、このページの他のすべてはそのうちの1つです。
アイデンティティはルールのセットであり、
はロゴのイメージではありません。
ポジション & NARRATIVE
あなたのライバルが署名できなかった一つの文 すべての下流はその結果です。
02名称 & 口頭アイデンティティ
名前、トーン、資本化、そしてあなたがあらゆるラベルで生きなければならない言葉。
03ロゴ
手で描かれた、または訂正された、16 px で読み取るスペースと 16 m で切る文字。
04シンボル&モノグラム
ブロッディング、スタンプ、ファビコンサイズ、間違った印刷で生き残る形状。
05システムタイプ
二つの役割、一つのスケール、一つの追跡ルール ライセンスの価格と名称は、譲渡に含まれています。
06カラーシステム
One accent, three neutrals, and the contrast arithmetic printed next to each value. 1つのアクセント、3つの中立、およびそれぞれの値の隣に印刷された対比数値。
07グリッド&レイアウトルール
印刷およびスクリーン用のマージンとモジュールは、非デザイナーがページを設定できるようにします。
08Iconography & イラスト
ストレスの重さ、角の半径、そして永遠に借りた代わりに一度建てられた図書館。
09Motion&Sound Behavior
マークがどのように到着するか、どれくらいの時間がかかるか、そして何が決して起こらないか。
10ガイドライン & Handoff
すべての要素のための書かれたルール、編集可能なソースセット、そして質問する人間のルール。
複雑さより明確さ。
文字列が実際に見られるサイズで読むのが難しい場合は、図面が間違っている 美しさは第2のテストであり、最初のテストではありません。
一貫性は認識を生む。
A system reads as a system when a single idea recurs: one link stroke, one radius, one cropped corner. 二つのアイデアは論争であり、三つは混乱である。
faviconからビルボードまでスケーラブル。
私たちはロッククップを承認する前にファビコンとサインを描きます、なぜならそれはあなたの観客が実際に会う2つのエンドだからです。
まず黒と白で働きます。
Color rescues a weak mark and hides a mediocre one. If it does not work in one ink, it is not finished — see the six surfaces below. 色が弱い痕跡を救出し、中途半端な痕跡を隠します。
ブランドシステムは、単一のロゴを超えています。
あなたが送信するマークは1つのファイルです。その周りのルール - タイプ、色、スペース、トーン、動き - は、10年間支払い続ける資産です。
プロジェクト終了時に得られるもの
マーケティングマネージャー、プリンター、開発者にとって必要なすべてのことは、6か月以内に誰も再び推測する必要はありません。
Horizontal, stacked, symbol only, one-colour reversed シンボルのみ
4つのビルド、それぞれのクリーンスペースボックスがアーチボードに描かれている。
4 ステータス, 1 ストレス重量, 24 px グリッド
デフォルト、アクティブ、無効、逆に、一度引っ張り、永遠に輸出。
1つのアクセント、3つの中立、その他はすべてクライアント自身のインクです。
一度、一文で書かれ、ファイルの頂上に貼り付けられた。
アプリのスクリーン、ソーシャルアバター、パッケージの顔、サインアップ - 浮上モックアップではなく、実際の基盤に表示されます。
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie。
ペアリングはルールであり、ショッピングリストではありません。
このページが基づくデッキは、Coovettica 300をディスプレイ用として、Helvetica BoldをUIラベル用として組み合わせています——2つのファミリー、1つのルール。このサイトは、1つの可変フォントファミリーの2つの光学サイズから同じ階層を実現しており、ライセンス費用も追加キロバイトも不要です。フォントが少ないことは制限ではなく、ルールです。
あなたのブランドの声に合うタイプグラフィック
長年オープンしてきたカフェで、趣味のようだったが、その修正はより良い脚本ではなく、別の主張だった。
上記のガイドは、送信された芸術作品からここで再び描かれます - デッキのベクターは平らにされ、何も上げられていません。
サークルは1:1で、タイプはより小さな半径に書かれています. Two circles, one argument — nothing is eye-balled.
鏡の描き方と弱い半分がすぐに現れるので、私たちは半分を描いてそれを訂正します。
フロートの swoosh は、60 km / hでバンで読む必要があります. 曲線が文字を残す場所のタンゲントは、すべての仕事です。
100個のコンセプト 完璧なマーク
私たちが送信するすべてのアイデンティティには、削除キーが含まれています:第2のアイデア、第3のアイデンティティ、あなたの競合相手がすでに持っているバージョン、グラディエント付きのバージョン、色でしか機能しないものです。
現実世界のために設計 - スクリーンだけでなく
300gsmのシートは、100個の輸出サイズよりもアイデンティティについてより多くを教えてくれます:カウンターがどのように充填するか、エッジがどれだけインクを保持できるか、文字間隔がエッセンシャル死に生き残るかどうか。
次に、同じ重量がヒントの問題となり、1 px ルールがラウンドエラーとなり、その後、マークが距離、天候、誰かが選んだ表面で判断されるマークが表示されます。
Grind Coffee アイデンティティ研究. デザイン: Ahmed Hashmi.
あなたのブランドに選ばれた完全なタイプシステム
Hierarchy comes from size, weight, optical size and space — not from a folder of licences. フォントのジャンクなし、0 kBの追加ダウンロードなし、更新するものなし。
私たちが提供するスケール
ハンバーグジョンズ 0123456789 @&*
クライアントのプロジェクトは、上記のアプリケーションシートでは、Coovettica 300 with Helvetica Bold を使用しています。
9 スケジュール
2つの光学サイズと1つの重さがページ全体を作成します。
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
ボディ 16 px
長さで読めますが、2番目の声は必要ありません。
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
カプセル Caps
12 px, 600, uppercase, never a paragraph. 12 px, 600, uppercase, never a paragraph. 決して段落ではありません。
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
あなたのブランドカラーシステム
We design in your color. The orange is ours, and it stays on this page. Tap a value to copy it — the ratios printed on each chip are measured against the void and the plate this site actually uses. 私たちはあなたの色でデザインします。
-
Algonquin Titans
-
アンケート2
-
ボクシング
-
ダンキー
-
INSPIRE ROCKS ロゴ
-
エレベーターロゴ
-
消防署 消防署
-
ライオン
-
Moto Club
-
プー・ドン30周年2
-
クイーンズ&ソンズ
-
シーズンズ
-
Yellow Earth
-
クルマ洗車最終回
-
コンテナロゴ-01
- The deck's ground上記のアーカイブの各プレートはこのペアに座ります: 19.54:1 空と紙の間で、そのためマークはインクとして読みます。
- Cover rule, blueポートフォリオの独自の脊椎は #3981BC を #8D32F6 に実行します このページでは、クールな色は構造だけです - ルール、フォリオ、焦点リング。
- Occupy violetオレンジの分割補完、そしてそれはどんな構成にも正確に1つの用途を得ます ここでその用途は、この文の言葉です。
- Facile maroon5%の明るさでオレンジと同様に:明るい章の影の色と、紙に小さなテキストを持ち込むための唯一のアクセントがクリアされています。
- This page's accentテーマトークンは、ここで、他のどこにも使用されていません。紙上で3.54:1を測りますので、決して軽い地面に小さなテキストを設定しません。
- The dormant tokenThe theme declares a purple-to-aqua gradient that no page in the family uses. Body copy over a cool field is set in aqua or paper white — never in the accent. テーマは、ファミリーのページのいずれも使用しない紫色から水色のグレディントを宣言します。
構造的カラーバインド
ブランドオレンジは色相15°。ポートフォリオの構造的ブルーは203〜207°で純粋な補色関係にあるため、ブルーは罫線、フォリオ、フォーカスリングなどの構造要素としてのみ使用されます。バイオレット（256°）は1箇所のみに限定。マルーン（347°）はライト章のシャドウカラーとして機能します。1つの画面に高彩度色は1色のみ。
コントラスト比の計算
黒背景上のオレンジは5.52:1、<code>#0F0F0F</code>上では5.10:1でテキスト可読性をクリア。白紙上では3.54:1となるため、明るい背景では大見出しやグラフィックのみに使用。白紙上のマルーンは9.92:1で小文字にも適合。グラデーションのブルーは4.08:1のため、寒色背景上の本文テキストには必ずペーパーホワイト（19.54:1）を採用しています。
Rows 1-15:ファイルから測定された15のマークの主なインク. Rows 16-21:デッキの独自のシステムとこのページのアクセント、そのページとテーマのトークンからサンプル。ここで印刷されたすべての比率は計算されます。
すべての現実世界の表面でテスト
したがって、配達は、それが生きる表面、一つの色で、測定されたサイズで判断されます - そして、プレートにはビジネスがありません。
| トークン | ライト | ダーク | ここで使われた為 |
|---|---|---|---|
--at-theme-primary | #9345ed | #9345ed | Accents, folio rules on dark chapters, focus, slider thumbs(暗い章、焦点、スライダーの指) |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Chapter ground, plate surfaces プラットフォーム |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | ステッキールール・バンド Sticky Rules Band |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Micro-copy, captions, secondary text マイクロコピー |
--at-fz-ds-1 | 124px | タイプの階段の一番上、ヒーロークランプの天井 | |
#6D2736 (サンプル) | 9.92:1 on paper | 軽い章のフォリオルール - 小さなテキストのための唯一のアクセント | |
ブランド・マーク・ショー
プレートをクリックしてフルフレーム表示：矢印キーまたはスワイプで切り替え、<kbd>Esc</kbd>で閉じます。暗闇の背景は意図的なものであり、マーク自身のアルファが溶け込み、純粋なインクのように浮かび上がります。
ブランドアイデンティティプロセス
Discovery & ブランド監査
ブランドアイデンティティやロゴデザインの仕事が始まる前に、あなたが誰であるか、誰も買わないとき、あなたの競合相手が何を言いたいか、そしてあなたの既存のブランド資産が実際に負荷を負い、デコラティブなものかをマップします。
ブランド戦略 & ポジション
あなたのブランドが作る主張、それが作るトーン、そしてそれは決して言うことはありません。この位置付け声明は、すべての後の設計決定のための参照点になります - タイプグラフィック、カラーパレット、イラストスタイル - 正確にそれが最後に後悔として扱われていない理由です。
コンセプト開発 & Ideation
すべてのロゴとビジュアルアイデンティティを送信する私たちは、ワークセッションでライブで共同作成され、閉ざされたドアの後であなたに明らかにされていません - 私たちはコンセプトのボリュームを持ち、あなたは否定権をもたらします。
デザイン改良 &システムビル
あなたのロゴのジオメトリックは構造グリッドに描かれ、タイプグリッドの役割はサイズと重量に名前を付けられ、色は実際の対比性のために測定され、レイアウトグリッドは印刷と画面の両方のために構築されます。
16px. 16m. 1色. リアルな表面。
We test the mark at every real-world size and application before calling a brand identity finished - the favicon, the packaging bag, the printed invoice, the storefront wall. デザインアートボードでしか生き残らないものは、描画ボードに戻り、その修正ラウンドは決して別々に請求されません。
配達、ガイドライン & 継続サポート
あなたは、完全なソースファイルセット、自分のドメインにホストされたブランドガイドラインページ(誰も開かないPDFにロックされていない)、輸出されたすべての資産のための明確な命名条約、および90日間のフォローアップ質問に答えられ、正式な変更命令を必要としません。
What We Don't Do (and Why That Matters)
テンプレートやコピーされたロゴはありません。
私たちが発送するものは、市場ファイルやアンケートで始まりません. 形が40回売れた場合、その唯一残った才能は熟知です。
圧倒的なオプションの過剰負荷はありません。
A wall of choices is a way of avoiding the argument. We bring a small number of directions, each defended, each complete, each with the reasoning printed next to it. 選択の壁は議論を回避する方法です。
「ブランドアイデンティティ」は、フォント・スワップではありません。
既存のマークを新しいフォントに再入力することは、グラフィックデザインの課題であり、私たちはそれを1つとして評価します。
完全なブランドガイドライン文書なしで配達はできません。
規則が書き込めない場合、それは生産中に破られるでしょう. 船が持つすべての要素は、そのサイズ、スペース、色、誤用が同じフォルダに文書化されています。
ブランドアイデンティティの結果
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json「再ブランドは私たちのコーヒーを変えたのではなく、人々が部屋について考えていたことを変えた」
「1つのマーク、1つの色、6つのサプライヤー、そして私たちのチームの誰もルールを問う必要はありませんでした。
意図的に欠席: 「50+マーク」、「24時間転換」、「100%オリジナル」 生産の追跡から引っ張り出せば、このページとスティッカーアーカイブに戻ります。
6～10週間は、アルク全体のために、発見と位置付け、彫刻、体系化、証明、譲渡です. システムなしで単一のロゴは2～3週間です。
はい - このサイトは私たちの独自のビルドであり、同じチームがフロントエンドとバックエンドを搭載しています. それは、アイデンティティがブラウザとの接触に生き残ることを確認する最速の方法であり、それはブランドブックのトークンがコードのトークンであることを意味します。
その後、私たちはそれを最初に監査します。いくつかのブランドには、それらを取り巻くルールが必要です - 訂正されたロゴ、タイプスケール、測定された対比性のある色、明確なスペース。
You do, on final payment — sources, exports, fonts licensed in your name where the license allows it, and the working files with layers named. We keep one copy for our archive unless you ask us not to. あなたは、最終的な支払いで、ソース、エクスポート、ライセンスがあなたの名前で許可され、ライセンスがそれを許可し、およびレイヤーが命名された作業ファイルを保持します。
90日間の質問が届き、その後、ほとんどのクライアントはキャンペーンアートワークや新しいアプリケーションのためのライトレイバーで私たちを保つ。
持続可能なブランドを構築する準備はできていますか?
曖昧な短編、時代遅れのロゴ、誰も覚えていないブランド - それぞれが始めるのに最適な場所です。