Hé lộ Ghi chú của Apple

Một ghi chú iPhone tự gõ ra: tiêu đề đậm trước, rồi các dòng ngắn kiểu tâm sự hoặc danh sách bên dưới, với tiếng gõ phím nhẹ, kết thúc bằng một thẻ mang thương hiệu.

Đây là một trong 13 mẫu quảng cáo HTML gốc trong Hermoso, các định dạng được render từ markup thật bởi trình duyệt thay vì được tạo bởi mô hình. Mẫu này xuất ra video, có 4 ô nội dung để bạn điền.

Khi nào nên dùng

Định dạng ảnh chụp màn hình một ghi chú, thứ thường xuất hiện trên Instagram và TikTok. Nó phù hợp với danh sách, lời tâm sự, bài học và bất kỳ thông điệp nào thực chất là một đoạn viết chứ không phải một bức ảnh.

Điều cần làm đúng

Mockup được trích từ một bản ghi màn hình iPhone thật thay vì được phỏng theo, đó là lý do nó vẫn giữ được khi được xem toàn màn hình trên chính thiết bị mà nó bắt chước.

Tổng quan định dạng

  • Đầu ra: một video.
  • Ô nội dung: 4, mỗi ô có ngân sách ký tự riêng được suy ra từ bố cục thay vì ước đoán.
  • Tài nguyên cần có: không có, nó được render chỉ từ nội dung và thương hiệu của bạn.
  • Mã mẫu: apple-notes.

Mẫu này được render như thế nào

Không có gì ở đây được tạo bởi mô hình ảnh hay video. Định dạng là một trang HTML tự đủ với hoạt ảnh là hàm thuần của thời gian, không có keyframe CSS, bộ hẹn giờ hay tính ngẫu nhiên. Bộ render bước trang đó từng khung trong Chrome headless, chụp ảnh từng khung, và ghép chúng bằng ffmpeg thành tệp H.264 kết thúc bằng hiệu ứng chuyển mờ sang thẻ kết thúc thương hiệu của bạn.

Từ đó suy ra hai điều. Việc render có tính xác định: cùng đầu vào cho cùng một tệp, nên một định dạng trông đúng hôm qua sẽ trông đúng hôm nay. Và mọi chữ trên màn hình là văn bản thật do trình duyệt render, nghĩa là nội dung chính xác và sắc nét ở mọi độ phân giải. Toàn bộ chỉ tốn vài credit thay vì một lần tạo video, và đó là điều khiến các định dạng này khả thi để chạy với khối lượng lớn.

Ghi chú nên dài bao nhiêu?

Một tiêu đề đậm và một số dòng ngắn. Không ai viết cả đoạn văn trong Ghi chú, nên một ghi chú dài sẽ không còn đọc như ảnh chụp của thứ có thật. Hiệu ứng gõ chữ cũng chạy theo thời gian thực, nghĩa là một ghi chú dài sẽ chiếm phần lớn quảng cáo để xem một con trỏ nhấp nháy.

Cả 13 mẫu được liệt kê tại chỉ mục mẫu quảng cáo gốc, và danh mục rộng hơn nằm ở chỉ mục công thức sáng tạo.

Mẫu hé lộ Ghi chú của Apple có thể truy cập từ Claude, Cursor, Codex hoặc bất kỳ client MCP nào khác cũng như từ studio web, với cùng nền tảng thương hiệu. Điều khiển một định dạng từ tác tử giải thích cách thiết lập.

Render một quảng cáo định dạng gốc chỉ với vài credit. Gói miễn phí không cần thẻ.

Bắt đầu miễn phí →   Xem giá