ロゴ＆マスコット
Forwork のビジュアル言語。
Forwork は、明確さ、信頼性、親しみやすい作業信号を中心に構築されたシンプルな ID システムを使用しています。
ロゴ
クリアWork Identityのクリアマークです。
Forwork ロゴは、プロファイル、フッター、PWA サーフェス、OG プレビュー、および作業タッチポイント全体での読みやすさ、認識性、安定した使用を優先しています。
ファビコン
最小の Forwork マークは、依然として瞬時に認識できる必要があります。
ファビコンとアプリ アイコンは、ブラウザーのタブ、ショートカット、PWA サーフェス、ホーム画面、および完全なロゴでは十分なスペースがなくなった小さなコンテキストに表示されます。
favicon.svg
favicon-light.svg
favicon-dark.svg
apple-touch-icon.png
pwa-192x192.png
maskable-icon-512x512.png
Woan
WoanはForwork内のガイドです。
Woan を使用すると、Forwork は冷たいプロファイル ツールではなくなり、人々が自分の仕事を明確に説明できるフレンドリーなスペースのように感じられます。
Identity
視聴者があなたが誰なのかをすぐに理解できるようにします。
Proof
視聴者を本物の証拠へと導きます。
Thinking
実践的な思考が見やすくなります。
Contact
次のステップがより明確になります。
色
色は注意を引くために使用されるものであり、すべての表面を装飾するものではありません。
Forwork Accent
#1800AD · #A99CFF dark
リンク、主要なアクション、およびアイデンティティのハイライト。Ink
#191919
力強いテキスト、見出し、読みやすいアンカー。Paper
#FFFFFF
すっきりと落ち着いた、集中力のある読書面。Soft Surface
#F1F1EF
概念のようなタグ、カード、そして静かな階層。タイポグラフィー
Forwork タイポグラフィは、明確で、コンパクトで、親しみやすいものである必要があります。
Forwork は、ランディング ページ、UI、およびブランド コピー全体で主な書体として Manrope を使用します。 Manrope が読み込めない場合でも、システム フォントによりエクスペリエンスが高速かつ読みやすく維持されます。
Aa Bb Cc · 1234567890
見出し
大胆かつ簡潔、そしてやや狭い文字間隔で、自信に満ちたモダンな雰囲気を醸し出します。
本体
読みやすく、快適な行の高さで、装飾よりも明瞭さを重視しています。
小さなラベル
メタデータ、タグ、ボタン、ナビゲーションに十分な重みを使用します。
ネーミング
ネーミングはロゴと同様に一貫性を持たせる必要があります。
Forworkが正式名称です。 4Work と 4W は、エコシステム コンテキスト、厳密な UI、またはよりカジュアルな参照の短縮形です。
ランディング ページ、SEO、OG、見出し、ブランド コピー、公式タッチポイントに使用します。
4Tips、ProfileKit、または同じエコシステムに属する製品を参照する場合に使用します。
バッジ、短いラベル、タイトなメニュー、または内部コンテキストに適しています。メインの SEO 見出しとして使用することは避けてください。
使用する
Forwork 公式コンテンツの場合。
4Work 生態系のコンテキストについて。
4W UI のスペースが非常に狭い場合。
避ける
ForWork 大文字が間違っているからです。
FourWork それは認識を薄めるからです。
4work URL またはコードを除く。
意味
すべての視覚要素は、作業を理解しやすくするという 1 つのアイデアをサポートします。
クリア
タイポグラフィ、間隔、レイアウトにより、推測に頼る作業が軽減されます。
人間
Woan は、プロ意識を失うことなく、製品をより使いやすくしています。
信頼できる
一貫したマークと控えめな色により、プロファイルが安定した印象になります。
接続済み
Forwork、4Tips、および ProfileKit は、1 つの接続されたエコシステムに属します。
使用法
十分な余裕を持ってアイデンティティを使用してください。
ロゴを無作為に拡大したり色を変更したりしないでください。
製品のアイデアを説明、ガイド、または紹介するには、Woan を使用します。
アクセントカラーを意図的に使用し、装飾よりもわかりやすさを優先します。