Pedoman brand

Mewakili branding Firebase

Built with Firebase

Setiap kali merujuk pada Firebase dalam konteks aplikasi lain, selalu gunakan frasa "Built with Firebase". Hal ini mencakup entri blog, wawancara pers, dan dalam aplikasi itu sendiri.

Light

Untuk background yang lebih terang dengan bentuk tumpang tindih atau pola yang beragam

PNG SVG

Gelap

Untuk background yang lebih gelap dengan bentuk tumpang tindih atau pola yang beragam

PNG SVG

Knockout

Untuk background dengan warna gelap yang lebih pekat dan kontras yang tinggi

PNG SVG

Logo

Jangan gunakan tanda Firebase atau variasi apa pun dari tanda Firebase bersamaan dengan nama aplikasi, produk, layanan, atau situs Anda secara keseluruhan. Jangan mengubah atau menggunakan tanda Firebase dengan cara yang mungkin membingungkan atau menyesatkan, dan jangan menggunakan branding Firebase sebagai elemen yang paling menonjol di halaman Anda.

Logo lengkap standar

The standard lockup can be used in slide decks and blog posts. It should never be used in-product or in a way that implies that Firebase is endorsing or has built the product.

Whenever possible, the logo should be represented as a horizontal lockup with a full color logomark and black 54% or solid white logotype.

PNG SVG

Logo lengkap vertikal

Jika ruang horizontal terbatas, logo lengkap vertikal dapat digunakan dengan logomark berwarna dan logotype hitam 54% atau putih solid

PNG SVG

Logomark

Jika ruang vertikal maupun horizontalnya terbatas, logomark dapat digunakan sendiri tanpa logotype.

PNG SVG

Knockout

Jika warna kuning dari logomark memiliki kontras yang buruk jika dibandingkan dengan background, Anda dapat menggunakan versi knockout berwarna putih solid.

PNG SVG

Logo Produk

Setiap produk dalam Firebase memiliki ikon tersendiri. Ikon ini bisa dipasangkan dengan logo Firebase untuk membuat logo lengkap produk.

Ikon produk

Each product has an icon that is presented on an orange or yellow circle, depending on the icon. These icons should be used against a dark or neutral background. Use these when Firebase is already clear in the context (e.g. a presentation about Firebase).

Download

Logo lengkap produk

The icon can be combined with the Firebase logo to create a product lockup.

Do not use multiple product lockups together. There shouldn’t be more than one Firebase logo in one place.

Download

Warna

Warna kuning Firebase

#FFCA28

Amber 400

Warna ambar Firebase

#FFA000

Amber 700

Warna oranye Firebase

#F57C00

Orange 700

Warna logo

Logo terdiri dari satu warna kuning utama dan dua warna oranye aksen.

Warna biru Firebase

#039BE5

Light Blue 600

Warna biru dongker Firebase

#2C384A

Warna coral Firebase

#FF8A65

Deep Orange 300

Warna abu-abu Firebase

#ECEFF1

Blue Grey 50

Palet tambahan

Firebase juga memiliki palet tambahan yang digunakan untuk warna background dan visualisasi lainnya.

Ukuran & Ruang

To ensure legibility, the logo should not be used with a height smaller than 24px.

For lockups, provide at least x-height x2 white space around the logo. Never crowd or overlap the logo with other elements.

Error yang Biasa Terjadi

Do not...

Alter or distort the logo in any way
Use the flat knockout in any color but white
Alter color, shape, or angles
Rotate or flip in any direction
Alter proportions, positioning, or placement
Replace the logotype with a different typeface
Use the old Firebase logo
Use the logo on a poorly contrasting background
Use the logo on an off-brand background
Overlap or crowd the logo with other elements
Redraw the logo
Use other Google branding in conjunction with your product

For guidelines on how to use other Google brands, see the Brand Permissions site.