ブランド
ロゴ、色、書体。
WebTwizzについての記事やディレクトリへの掲載、ご自身の製品と並べた紹介に必要な素材をまとめました。WebTwizzのものとわかる形を保っていただければ、無料でご利用いただけます。
このページの全ファイルを1つのzipに。
ロゴ
ロゴ。
マークと名前を組み合わせたものです。スペースに余裕があれば、このバージョンを使ってください。
マーク
マーク。
ロゴ全体では小さすぎて読めない場合や、名前がすぐ近くに表示されている場合は、Wだけを使ってください。
アートワーク
そのまま使える画像素材。
ブランド背景に配置したロゴ。スライド、記事、印刷物に適したサイズです。
使用状況
余白を確保してください。
どこで使ってもロゴの印象が変わらないようにするための、いくつかのルールです。
スペースを空ける
マークの四方に、マークの高さの半分以上の余白を設けてください。その範囲内には、ほかの要素を置かないでください。
96 px
16 px最小サイズ
画面上ではロゴの幅を96 px以上にしてください。それより小さい場合は、16 pxまで使えるマークを使用してください。
避けてほしい使い方
- シンボルマークの色を変えたり、青色を別の色に置き換えたりする。
- ロゴを引き伸ばす、押しつぶす、回転させる、傾ける。
- 影、輪郭線、光彩、グラデーションを追加できます。
- ロゴタイプを別のフォントで打ち直す。
- 色付きのロゴを、情報量の多い写真やコントラストの低い背景に配置する。
- シンボルマークと名前の配置を変える。
名前を入力中
表記はWebTwizzです。1語で、WとTを大文字にします。
URLやユーザー名では、webtwizz.com、@webtwizzのように小文字で表記できます。
色
色。
ブランドのブルーを主役に。それ以外は控えめでニュートラルにまとめます。色をクリックするとコピーできます。
ブランド
インターフェース
タイポグラフィ
タイポグラフィ。
3種類のフォントファミリーは、すべてGoogle Fontsで無料で利用できます。ワードマークは独自にデザインされた文字なので、文字を入力するのではなくロゴファイルを使ってください。
アイデアを、動くアプリに。
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
作りたいものを説明すると、WebTwizzが本物を作ります。あとはクリックして何でも変更できます。
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
yourdomain.comに公開済み
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
概要
WebTwizzの紹介文。
記事、ディレクトリ、パートナー掲載ページには、こちらのいずれかをコピーしてお使いください。
One line
WebTwizz is an AI app builder that turns a plain-language description into a real, working app, then publishes it in one click.
Paragraph
WebTwizz is an AI app builder for people who want a working product, not a mockup. Describe what you want and WebTwizz builds a real app with accounts, data and payments. Click anything on the page to change it, edit text in place, and publish to your own domain. The code is yours to keep.
ここにないものが必要ですか？support@webtwizz.comまでメールでご連絡ください。