Gaya dari katalog 1001site
Gaya (style) adalah templat situs web yang telah dirancang sebelumnya berdasarkan platform terkenal: warna, font, bentuk tombol dan kartu, serta animasi. Katalog 1001site berisi 1.000 gaya. Pilih templat, klik "Terapkan," dan situs web Anda akan dirancang dengan gaya tersebut.
Produk ini cocok untuk siapa?
Bagi siapa saja yang menginginkan situs web yang indah tanpa perlu desainer. Anda dapat mengubah gayanya sesuka hati.
Di mana memilih gaya#
- Di akun Anda: Pengaturan → Beranda dan Menu → "Gaya Situs" → "Pilih Gaya" (atau "Pilih Lainnya"). Atau ikuti langkah 2 dari panduan ini.
- Di situs direktori 1001site.com: buka gaya tersebut dan klik "Terapkan ke papan Anda" di bagian bawah kartu. Jika Anda sudah masuk, gaya akan langsung diterapkan.
- Di dalam katalog, setelah melakukan registrasi, pilih "Dapatkan" → "Semua Termasuk". Gaya tersebut akan diingat dan diterapkan setelah pembayaran.
Tangga#
Melangkah 1. Buka katalog#
Di bagian "Gaya Situs", klik "Pilih Gaya". Jendela dengan kartu akan terbuka. Arahkan kursor ke kartu untuk melihat video situs contoh.
Melangkah 2. Temukan gaya#
Pencarian dilakukan berdasarkan nama merek, warna, jenis huruf, dan kategori. Misalnya: "apple," "minimalis," "gelap," "toko."
Melangkah 3. Klik Terapkan#
Dalam beberapa detik, gaya akan diterapkan: warna, font, pembulatan, bayangan, dan animasi. Nama dan pratinjau gaya yang dipilih akan muncul di blok "Gaya Situs". Buka situs dengan mengklik tautan "Lihat hasilnya".
Apa yang mengubah gaya?#
| Apa | Bagaimana |
|---|---|
| Warna | Latar belakang, kartu, teks, aksen. Tema terang atau gelap default—seperti pada contoh. |
| Font | Font yang mirip dengan font contoh dipilih dari Google Fonts. |
| Membentuk | Pembulatan tombol dan kartu, kartu datar atau dengan bayangan, kepadatan. |
| Animasi | Salah satu dari empat set: tenang, lembut, bercahaya, dinamis |
| Rumah | Jika sakelar "desain beranda" diaktifkan, blok hero dengan nama situs dan slogan gaya akan ditambahkan di bagian atas. |
Gaya ini tidak memengaruhi teks, produk, kategori, halaman, atau CSS Anda. Perubahan CSS Anda disimpan di sebelah blok gaya.
Asisten gaya dan AI#
Setelah memilih gaya, asisten AI akan menyusun halaman beranda dan halaman-halaman lainnya berdasarkan referensi desain dari gaya tersebut: komposisi, citra, tipografi, dan nada teks. Prinsip ini sama dengan yang digunakan oleh desainer: gaya → sistem desain → halaman.
Ubah atau hapus gaya#
- Ubah: "Pilih Lainnya" → pilih baru → "Terapkan." Blok gaya sebelumnya diganti, bukan ditambahkan.
- Hapus: ikon tempat sampah pada pratinjau gaya. Ini menghapus CSS dan nama gaya tersebut. Warna dan font tetap seperti semula—Anda dapat menyesuaikannya di Branding atau meminta asisten untuk "mengatur ulang desain".
File gaya#
Setiap gaya dalam katalog memiliki file yang dapat dipahami oleh alat AI:
- DESIGN.md (lengkap dan ringkas) — deskripsi gaya: warna dengan peran, font, ukuran, indentasi, aturan yang boleh/tidak boleh dilakukan.
- Tailwind v4 adalah tema untuk Tailwind.
- Variabel CSS - Variabel CSS.
- Token Desain — JSON dengan token.
File dapat disalin atau diunduh dari halaman katalog gaya tersebut. File-file tersebut mudah diberikan kepada Claude, ChatGPT, Cursor, atau asisten kami: "Buatlah dengan gaya ini." Lihat Katalog Gaya.
Tarif#
Penerapan gaya pada situs web Anda tersedia dengan paket berbayar. Tanpa paket, gaya akan tersimpan dan diterapkan secara otomatis setelah pembayaran.
Pertanyaan dan Jawaban#
Gaya desain sudah diterapkan, tetapi situs web tidak terlihat seperti contoh. Mengapa?#
Gaya tersebut mencakup warna, font, bentuk, dan animasi. Struktur halaman dan foto sepenuhnya terserah Anda. Untuk membuat halaman beranda terlihat seperti contoh, mintalah asisten AI: "Rancang halaman beranda dengan gaya situs: hero, keunggulan, galeri, kontak."
Bisakah saya menerapkan gaya yang sama ke beberapa situs?#
Ya, gaya tersebut diterapkan pada situs saat ini. Beralihlah ke situs lain di dasbor Anda dan terapkan gaya tersebut lagi.
Saya mengubah warna secara manual lalu menerapkan gayanya. Mana yang lebih baik?#
Gaya. Warna dari gaya akan menimpa warna manual. CSS kustom dari bagian "Kode dan Widget" tetap berlaku.
Dari mana kamu mendapatkan contoh-contoh itu?#
Dari katalog terbuka gaya situs web populer. Video dan poster disimpan di server kami.