# Ubah Desain

{% tabs %}
{% tab title="Baca Panduan" %}
Hasil perubahan akan langsung terlihat di bagian preview, dan kamu bisa lihat tampilannya di desktop, handphone, atau tablet—baik dalam posisi landscape maupun portrait.

**Perlu diingat, fitur Ganti Warna dan Font cuma tersedia di beberapa desain tertentu, yang ditandai dengan ikon hijau di bagian atas desain.**

**Berikut panduan menggunakan fitur ubah desain:**

1. Pastikan paket yang kamu beli sudah mencakup opsi ganti warna dan font. Kalau belum, kamu bisa upgrade paketmu, lihat caranya [disini](/upgrade-paket.md).
2. Pilih menu **Ubah Desain**
3. Bebas pilih template yang kamu inginkan

<figure><img src="/files/vtKmw7chVeYLbq2tUctE" alt=""><figcaption></figcaption></figure>

Setiap template sudah tersedia dengan beberapa pilihan warna. Tapi, kalau pilihan warna yang ada belum sesuai, kamu bisa ganti warna sendiri dengan klik bagian **Warna**

1. Di bagian warna, kamu bisa ganti warna background, teks, dan button. Kamu bisa pilih warna dengan geser color picker atau langsung masukin kode RGB warna yang kamu mau.

<figure><img src="/files/Q8Enru8Iq5RtRUJXa6O5" alt=""><figcaption></figcaption></figure>

Ada tiga jenis warna yang bisa kamu ganti:

1. **Primary** – warna utama yang paling dominan di desain.
2. **Secondary** – warna kedua yang tampil, tapi tidak sebanyak primary.
3. **Tertiary** – warna yang paling sedikit muncul di desain.

**Perlu di ketahui, kombinasi warna Primary, Secondary, dan Tertiary bisa beda-beda di setiap desain.**

1. Kamu juga bisa ganti tampilan font di desain yang kamu pilih melalui bagian **Typography.**&#x20;

<figure><img src="/files/Vvad0buHXHq8tmVJhLbU" alt=""><figcaption></figcaption></figure>

Setiap desain punya dua jenis font:&#x20;

1. Heading (judul dan subjudul) &#x20;
2. Body text (deskripsi)

Kamu bisa pilih jenis, ukuran, ketebalan, dan pengaturan kapitalnya sesuai selera di Undangan Websitemu.<https://drive.google.com/file/d/1DYbeIqa5_7_UfPT2CGQrhOs0Su1ahOPg/view?usp=sharing>
{% endtab %}

{% tab title="Vidio Panduan" %}
{% embed url="<https://drive.google.com/file/d/1DYbeIqa5_7_UfPT2CGQrhOs0Su1ahOPg/view?usp=sharing>" %}
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://panduan.katsudoto.id/undangan-website/smart-dashboard/ubah-desain.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.