---
title: Gaya dari katalog 1001site
description: Cara memilih gaya dari 1.000 contoh situs web teratas, menerapkannya ke situs Anda, mengubahnya, atau menghapusnya. File gaya untuk AI.
section: design
keywords: Gaya situs web, katalog gaya, desain, tema, warna, font, DESIGN.md
updated: 2026-09-16
howto: yes
---

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.

> [!tip] Produk ini cocok untuk siapa?
> Bagi siapa saja yang menginginkan situs web yang indah tanpa perlu desainer. Anda dapat mengubah gayanya sesuka hati.

![Memilih gaya untuk kantor Anda](/wiki/img/style-picker.webp "Jendela “Pilih gaya dari katalog”: pencarian, kartu video, tombol “Terapkan”")

## 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](/wiki/id/guide).
- Di situs direktori [1001site.com](https://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](/wiki/id/reference-catalog).

## 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.