OnlineFreeTools.org
  • Beranda
  • Image editing tools
    • Watermark teks — di browser
    • Ekstrak warna gambar — palet & klik ambil
    • Balik gambar — cermin H/V
    • Border gambar — warna & lebar
    • Kompres gambar — sisi terpanjang, kualitas & ukuran target (lokal)
    • Potong & ubah ukuran gambar — lokal
    • Lihat & hapus EXIF foto — GPS, kamera, lokal
    • Konverter Format Gambar — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Grayscale gambar — hitam putih
    • Gabung gambar — satukan foto jadi kolase
    • Optimasi gambar — WebP, AVIF & MozJPEG di perangkat
    • Timpa gambar — taruh logo di foto
    • Gambar ↔ Base64 — encode & decode
    • Gambar ke GIF — animasi singkat
    • Gambar ke PDF — satu halaman per foto
    • Gambar ke PowerPoint — satu slide per foto
    • Gambar ke Word — DOCX lokal
  • Alat desain
    • Buat skala warna merek — palet 50–950 & token CSS
    • Panduan gaya merek — draf modular yang bisa diedit
    • Skema warna website — token CSS semantik
    • Pemeriksa Kontras WCAG — Rasio AA/AAA
  • Developer tools
    • Tambah WWW ke DNS — A/CNAME & panduan provider
    • Konverter CSV ↔ JSON — tipe, pemisah, lokal
    • Encode & Decode HTML Entity — lokal di browser
    • IndexNow — kirim URL Bing, cek kunci & kode status
    • Cek IP saya — Alamat IP publik (IPv4/IPv6)
    • Validator JSON Schema — Path draft-07 & lokal
    • Markdown ke HTML & sebaliknya — pratinjau aman
    • Compare Two Texts Online — Text Diff Checker
    • Cek header HTTP website — Lihat response headers
    • YAML ke JSON & sebaliknya — aturan tipe, multi-dokumen
  • Calculators
    • Kalkulator BMI — Cara menghitung indeks massa tubuh
    • Kalkulator gradien — ∇f multivariabel (turunan parsial)
    • Kalkulator pendapatan marjinal — Rumus ΔTR / ΔQ
    • Kalkulator perubahan persentase — Dari nilai lama ke baru
    • Kalkulator ROI — Cara menghitung return on investment
    • Konversi square feet ke m² — Untuk rumah & renovasi
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Alat

Watermark teks — di browserTambah WWW ke DNS — A/CNAME & panduan providerBuat skala warna merek — palet 50–950 & token CSSPanduan gaya merek — draf modular yang bisa dieditEkstrak warna gambar — palet & klik ambilKonverter CSV ↔ JSON — tipe, pemisah, lokalBalik gambar — cermin H/VKalkulator BMI — Cara menghitung indeks massa tubuhKalkulator gradien — ∇f multivariabel (turunan parsial)Kalkulator pendapatan marjinal — Rumus ΔTR / ΔQKalkulator perubahan persentase — Dari nilai lama ke baruKalkulator ROI — Cara menghitung return on investmentEncode & Decode HTML Entity — lokal di browserBorder gambar — warna & lebarKompres gambar — sisi terpanjang, kualitas & ukuran target (lokal)Potong & ubah ukuran gambar — lokalLihat & hapus EXIF foto — GPS, kamera, lokalKonverter Format Gambar — PNG JPEG WebP AVIF BMP GIF ICO SVGGrayscale gambar — hitam putihGabung gambar — satukan foto jadi kolaseOptimasi gambar — WebP, AVIF & MozJPEG di perangkatTimpa gambar — taruh logo di fotoGambar ↔ Base64 — encode & decodeGambar ke GIF — animasi singkatGambar ke PDF — satu halaman per fotoGambar ke PowerPoint — satu slide per fotoGambar ke Word — DOCX lokalIndexNow — kirim URL Bing, cek kunci & kode statusCek IP saya — Alamat IP publik (IPv4/IPv6)Validator JSON Schema — Path draft-07 & lokalMarkdown ke HTML & sebaliknya — pratinjau amanSkema warna website — token CSS semantikKonversi square feet ke m² — Untuk rumah & renovasiCompare Two Texts Online — Text Diff CheckerPemeriksa Kontras WCAG — Rasio AA/AAACek header HTTP website — Lihat response headersYAML ke JSON & sebaliknya — aturan tipe, multi-dokumen

Panduan gaya merek — draf modular yang bisa diedit

Susun pedoman merek di browser. Langkah: nama merek, industri, HEX utama (contoh Northline Studio #0F6E8C), tag kepribadian, modul; dapatkan draf dengan area aman logo, warna, huruf, jarak dan contoh boleh/jangan, lalu salin Markdown atau JSON. Isian otomatis bisa diubah per kolom — bukan AI cloud. Tidak ada unggahan.

Tag memengaruhi radius, petunjuk huruf, suara, dan area warna utama.

Modul mati tidak muncul di pratinjau maupun ekspor.

Ini draf yang bisa diedit, bukan nasihat hukum merek. Preset struktur (Ketat / Produk / Ramah) pola edukatif terinspirasi pedoman publik — bukan kit resmi dan bukan afiliasi organisasi tersebut. Pembuatan lokal; kami tidak menghost logo pihak ketiga.

Cara kerja

Isi dasar merek, pilih preset dan modul, lalu Buat. Aturan kepribadian terlihat (radius, huruf, suara, area utama) membuat contoh boleh/jangan dan mengekspor Markdown/JSON. Field yang kamu edit tetap manual; Isi ulang otomatis hanya segarkan default yang belum disentuh.

Aturan yang akan kamu lihat

Modul, otomatis vs manual, kontras, dan privasi.

  • Struktur: Modul → Elemen → Contoh (Boleh/Jangan). Modul mati tidak diekspor.
  • Tag kepribadian memetakan radius, area maks utama, peran huruf, dan suara — aturan terlihat, bukan kotak hitam.
  • Area aman logo default 1× tinggi mark (1,5× pada Ketat). Ukuran digital minimum mengikuti preset.
  • Warna status tetap dan terpisah dari utama merek; error tidak mewarisi hue merek.
  • «Otomatis» berarti aturan deterministik di tab ini — bukan brand kit LLM cloud.
  • Privasi: pembuatan, pratinjau, dan salin clipboard lokal. Kami tidak unggah logo atau paket merek.

Contoh

Muat contoh: Northline Studio, SaaS, #0F6E8C, tenang + teknis, preset Produk. Pratinjau: fondasi, area aman 1×, utama teal dengan sekunder/aksen turunan, status tetap, peran huruf, jarak 8px, kartu Boleh/Jangan. Markdown dan JSON ikut.

Cocok untuk

  • Situs indie menulis lembar aturan visual pertama sebelum hire desainer.
  • Freelancer menyerahkan Markdown editable, bukan PDF mati saja.
  • Tim kecil selaraskan web, sosial, dan chrome app pada aturan area aman dan rasio warna yang sama.

Frequently asked questions

Apakah «otomatis» sama dengan AI brand?

Tidak. Otomatis = aturan tetap terlihat (kepribadian → radius/huruf/suara, HEX → sekunder/aksen). Tidak ada kirim ke API model.

Bisa dipakai sebagai lisensi merek resmi?

Tidak. Ekspor adalah draf kerja merekmu; bukan nasihat hukum dan bukan izin pakai mark orang lain.

Bedanya dengan tool palet warna?

Tool palet fokus swatch atau token CSS. Halaman ini membangun dokumen panduan multi-modul (logo, huruf, jarak, contoh). Untuk sistem warna lebih dalam pakai Brand Color Scale atau Smart Website Color Scheme.

Preset struktur mengubah apa?

Ketat menekankan area aman dan batas; Produk biarkan modul ramah-token aktif; Ramah juga nyalakan suara dan touchpoint. Modul tetap bisa toggle manual.

Modul mati masih ada di JSON?

Flag modul disimpan; pratinjau dan Markdown hilangkan bagian mati agar mitra hanya lihat yang aktif.

Bagaimana ekspor Word dan PDF bekerja?

Word dan PDF menangkap pratinjau yang sama di halaman (html2canvas), lalu memaginasi ke gambar .docx atau halaman PDF. Demo gerak dibekukan. Semuanya lokal setelah generate; pustaka dimuat saat unduh.

Related tools

  • Buat skala warna merek — palet 50–950 & token CSS
  • Skema warna website — token CSS semantik
  • Pemeriksa Kontras WCAG — Rasio AA/AAA

Bagikan alat ini

Bagikan di jejaring sosial, salin tautan, atau gunakan berbagi perangkat.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/id/tools/brand-style-guide

Pertanyaan atau masukan

Ada yang kurang jelas, rusak, atau hilang? Tulis pesan di bawah — kami membaca setiap catatan tentang alat ini.

Email: dailyonetools@outlook.com

References

  • WCAG 2.2 Understanding — Contrast (Minimum)
  • Material Design 3 — Styles
  • Carbon Design System — Color
  • NASA Brand Guidelines (structure reference)
  • docx — JavaScript library
  • pdf-lib
OnlineFreeTools.org · Proyek pembelajaran · Terus beriterasi
Tentang·Log Pengembangan·Privasi·Ketentuan·Kontak