> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Tùy chỉnh giao diện

> Làm cho Tài liệu của bạn nổi bật về mặt hình ảnh bằng phông chữ, màu sắc, nền và hình bìa có thể tùy chỉnh.

Craft giúp bạn dễ dàng tạo Tài liệu đẹp mắt mà không cần kỹ năng thiết kế. Tùy chỉnh nội dung với màu sắc, nền, phông chữ, hình bìa và các yếu tố trang trí như Washi tape separators.

## Những gì bạn có thể tùy chỉnh

Hệ thống tạo kiểu của Craft hoạt động ở hai cấp độ: **cấp văn bản** và **cấp trang**. Điều này cho phép bạn kiểm soát chính xác từng phần tử đồng thời giữ được thẩm mỹ nhất quán cho toàn bộ Tài liệu.

### Tùy chỉnh cấp văn bản

Áp dụng cho từng Block hoặc vùng chọn trong Tài liệu của bạn:

* **Fonts** – Chọn từ System (mặc định), Serif (phù hợp cho việc đọc trang nhã), Mono (thân thiện với mã), hoặc Rounded (gần gũi và hiện đại)
* **Màu chữ** – Chọn từ các màu có sẵn hoặc tạo sắc độ tùy chỉnh
* **Đánh dấu** – Thêm màu nền để nhấn mạnh đoạn văn bản cụ thể
* **Danh sách** – Tùy chỉnh kiểu bullet, định dạng đánh số và thụt lề

### Tùy chỉnh cấp trang

Áp dụng cho toàn bộ Tài liệu để có diện mạo thống nhất:

* **Màu sắc** – Thiết lập màu nền Tài liệu và màu chữ mặc định
* **Hình bìa** – Thêm tiêu đề hình ảnh từ thư viện tuyển chọn của Unsplash hoặc tải ảnh của riêng bạn lên
* **Nền** – Chọn màu đơn, gradient, hoặc ảnh toàn trang kèm hiệu ứng làm mờ
* **Separators** – Tạo kiểu các đường ngăn ngang với họa tiết Washi tape, đường đơn giản, hoặc hình khối hình học
* **Cards** – Biến trang thành bố cục dạng card nổi bật với viền màu hoặc nền ảnh

## Bắt đầu nhanh

Truy cập các tùy chọn tạo kiểu từ những vị trí khác nhau tùy theo nền tảng bạn đang dùng:

<Tabs>
  <Tab title="macOS">
    * **Right sidebar** – Click the **Style** tab (biểu tượng cọ) để xem tất cả các tuỳ chọn cấp trang
    * **Left sidebar** – Find the **Styles** panel với bản xem trước trực tiếp trong các phiên bản mới hơn
    * **Toolbar** – Chọn văn bản và dùng thanh công cụ định dạng để thay đổi nhanh ở cấp văn bản
    * **Keyboard** – Press `Cmd+Shift+S` để mở bảng styles
  </Tab>

  <Tab title="iOS">
    * **three-dot menu** (`···`) ở góc trên bên phải – Tap để truy cập **Page Style** cho các tuỳ chọn toàn trang
    * **Letter icon** (Aa) – Hiện khi chọn văn bản để định dạng nhanh
    * **Block menu** – Long press một Block, sau đó chọn **Style** từ menu ngữ cảnh
    * **Slash menu** – Type `/style` để áp dụng kiểu chữ ngay trong dòng
  </Tab>

  <Tab title="Windows">
    * **Right sidebar** – Click the **Style** tab để xem các tuỳ chọn cấp trang
    * **Toolbar** – Chọn văn bản để hiển thị các công cụ định dạng
    * **Slash menu** – Type `/style` để truy cập nhanh các tùy chọn định dạng văn bản
  </Tab>

  <Tab title="Web">
    * **Right sidebar** – Click the **Style** tab cho các tuỳ chọn cấp trang
    * **Toolbar** – Chọn văn bản để truy cập công cụ định dạng
    * **Slash menu** – Type `/style` để áp dụng kiểu mà không rời khỏi bàn phím
  </Tab>
</Tabs>

<iframe src="https://www.youtube-nocookie.com/embed/b2UL6B2m9Hg" title="Document Styling in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## Các tình huống sử dụng phổ biến

### Tài liệu chuyên nghiệp

Cho báo cáo kinh doanh, đề xuất hoặc Tài liệu gặp khách hàng:

* Dùng phông Serif để tạo cảm giác trang trọng, đáng tin cậy
* Áp dụng **màu trung tính** (xám, trắng) cho nền
* Thêm **hình bìa** đại diện cho thương hiệu hoặc chủ đề
* Giữ **việc đánh dấu** ở mức tối thiểu – dành cho các chỉ số chính hoặc lời kêu gọi hành động

### Kho tri thức cá nhân

Cho ghi chú, nhật ký hoặc tài liệu học tập:

* Thử **Rounded** hoặc **System** để đọc thoải mái
* Dùng **nền mã màu** để phân biệt các chủ đề (xanh dương cho công việc, xanh lục cho cá nhân)
* Áp dụng **đánh dấu** rộng rãi để ghi nhớ các đoạn quan trọng khi rà soát nhanh
* Thử **Washi tape separators** để thêm cá tính và ngắt quãng hình ảnh

### Dự án sáng tạo

Cho mood board, portfolio hoặc kể chuyện:

* Kết hợp **bố cục Cards** với **nền ảnh** để tạo ấn tượng thị giác
* Dùng **nền gradient** để tạo bầu không khí
* Áp dụng **màu chữ tùy chỉnh** sao cho hài hòa với hình ảnh
* Xếp lớp **hình bìa** với hiệu ứng làm mờ để tạo chiều sâu

### Tài liệu mã nguồn

Cho ghi chép kỹ thuật hoặc nhật ký phát triển:

* Chọn mặc định là **Mono** cho các khối mã và nội dung kỹ thuật
* Dùng **màu tương phản cao** (nền tối, chữ sáng) để giảm mỏi mắt
* Áp dụng **separators** đơn giản để phân chia rõ ràng các phần
* Giữ **nền trang** ở mức tối giản để tập trung vào nội dung

<Info title="Độ nhất quán về kiểu">
  Khi bạn đã tìm được phong cách ưng ý, lưu nó làm mặc định trong **Cài đặt Không gian**. Điều này đảm bảo mọi Tài liệu mới bắt đầu với giao diện bạn chọn, tiết kiệm thời gian và giữ sự nhất quán trong Không gian của bạn.
</Info>

## Quy trình tùy chỉnh

Đây là quy trình điển hình khi bạn tạo kiểu cho một Tài liệu mới:

<Steps>
  <Step>
    **Bắt đầu từ nền trang** – Chọn nền (màu, gradient hoặc ảnh) và hình bìa nếu cần. Điều này định hình toàn bộ cảm xúc của trang.
  </Step>

  <Step>
    **Chọn phông chữ** – Lựa phông phù hợp với mục đích Tài liệu (Serif cho trang trọng, Mono cho kỹ thuật, Rounded cho thân thiện).
  </Step>

  <Step>
    **Thêm các phần cấu trúc** – Chèn separators giữa các phần lớn để tạo thứ bậc hình ảnh và cải thiện khả năng quét nội dung.
  </Step>

  <Step>
    **Áp dụng kiểu cấp văn bản** – Khi viết, dùng đánh dấu, màu sắc và định dạng để nhấn mạnh điểm chính và tạo điểm nhấn thị giác.
  </Step>

  <Step>
    **Tinh chỉnh và điều chỉnh** – Lùi lại nhìn tổng quan và đánh giá. Chỉnh màu, thử phông khác, hoặc đổi kiểu separators cho đến khi cảm thấy hài lòng.
  </Step>
</Steps>

## Bài viết liên quan

<CardGroup cols={2}>
  <Card title="Hướng dẫn nhanh về kiểu" href="/vi/write-and-edit/styling/quick-guide">
    Hướng dẫn toàn diện về tất cả tính năng tạo kiểu
  </Card>

  <Card title="Hình bìa" href="/vi/write-and-edit/styling/cover-images">
    Tùy chỉnh hình bìa cho Tài liệu của bạn
  </Card>

  <Card title="Cards" href="/vi/write-and-edit/styling/cards">
    Biến trang thành bố cục dạng card
  </Card>

  <Card title="Giao diện ứng dụng" href="/vi/write-and-edit/styling/app-styles">
    Mở rộng kiểu Tài liệu lên giao diện ứng dụng
  </Card>

  <Card title="Kiểu mặc định" href="/vi/write-and-edit/styling/default-styles">
    Đặt kiểu bạn thích làm mặc định
  </Card>

  <Card title="Xuất bản Tài liệu" href="/vi/share-and-publish/publish">
    Chia sẻ Tài liệu được tạo kiểu đẹp mắt trên Web
  </Card>

  <Card title="Trợ lý AI" href="/vi/ai-assistant">
    Dùng AI để hỗ trợ tạo kiểu và định dạng nội dung
  </Card>
</CardGroup>