Nội dung trang — tila-site (Việt | Anh)¶
Phiên bản 0.2 · 2026-11-13 · Tác giả:
ai-copywriter· Nguồn:prd.mdmục 5, 6 ·company/01,company/04· skillthuong-hieu·design_specs.md·ceo-inputs.md. v0.2: đã đưa mọi chuỗi giao diện vào file này (mục 12), email liên hệ thật làm mặc định, mục "Chờ CEO" còn hai điểm. File này là nguồn duy nhất cho chuỗi i18n; kỹ sư web không chép chuỗi từ nơi khác (harness, đặc tả). Trang:https://tila.rittruyen.com/(vi) và/en/(en). Hai bản cùng sự thật, cùng mục, cùng thứ tự; bản Anh viết lại cho tự nhiên, không dịch từng chữ.
Cách đọc file này¶
- Trường cấu hình (dữ kiện lấy từ một nơi duy nhất, PRD 6.9) viết dạng
{email},{ceo_name},{docs_url}. Đây là tên trường, không phải chỗ trống chờ điền trong câu chữ: kỹ sư web thay bằng giá trị cấu hình lúc dựng. Trường trống thì cả phần tử chứa nó không hiển thị. - Chỗ đổi theo quyết định của CEO được đánh dấu [CHỜ CEO #n]; phương án thay nằm ở mục "Chờ CEO" cuối file.
- Số trong ngoặc
(n)cạnh chuỗi là số ký tự (đếm cả khoảng trắng) ở những vị trí có giới hạn. - Chữ thay thế (alt) của Pigxel mô tả đúng hình đang dùng trong thiết kế (
pigxel-meetcho mục Pigxel,pigxel-herocho hero,pigxel-404cho trang 404). Alt luôn đi theo hình chốt cuối cùng. - Thuộc tính
lang: tên riêng TiLA Studio, Pigxel, Trí, Loan, Ân giữ nguyên ở cả hai bản.
0. Thẻ SEO và chia sẻ¶
| Thẻ | Việt (/) |
Anh (/en/) |
|---|---|---|
<html lang> |
vi |
en |
<title> (≤ 60) |
TiLA Studio – Công ty công nghệ một người, còn lại là AI (56) | TiLA Studio – A one-person tech company, powered by AI (54) |
meta description (≤ 155) |
TiLA Studio là công ty công nghệ một người: CEO quyết định, đội AI làm. Phần mềm SaaS và back-office cho doanh nghiệp, game và ứng dụng cho điện thoại. (151) | TiLA Studio is a one-person tech company: the CEO makes the calls, a team of AI does the work. Business software, plus games and apps for your phone. (149) |
canonical |
https://tila.rittruyen.com/ |
https://tila.rittruyen.com/en/ |
hreflang |
vi → /; en → /en/; x-default → / |
như bản Việt (hai chiều) |
og:type |
website |
website |
og:site_name |
TiLA Studio | TiLA Studio |
og:locale |
vi_VN (kèm og:locale:alternate en_US) |
en_US (kèm og:locale:alternate vi_VN) |
og:url |
https://tila.rittruyen.com/ |
https://tila.rittruyen.com/en/ |
og:title (≤ 60) |
TiLA Studio: một người quyết, AI làm (36) | TiLA Studio: one person decides, AI does the work (49) |
og:description (≤ 155) |
Công ty công nghệ một người. Phần mềm cho doanh nghiệp, game và ứng dụng cho điện thoại. (88) | A one-person tech company. Software for businesses, plus games and apps for your phone. (87) |
og:image:alt |
Pigxel, chú heo đất hồng phấn với khe bỏ xu phát sáng màu xanh ngọc trên đầu, trên nền xanh navy đậm. | Pigxel, a soft-pink piggy bank with a glowing mint coin slot on its head, on a deep navy background. |
Ghi chú: ảnh og:image do ai-artist làm (FR-P1-02); chỉ chứa Pigxel, không chữ thừa. Kiểm đếm ở mục 10.
1. Điều khiển chung (thanh đầu, ngôn ngữ, truy cập)¶
| Vị trí | Việt | Anh |
|---|---|---|
| Liên kết bỏ qua (đầu tiên khi Tab) | Bỏ qua tới nội dung chính | Skip to main content |
| Logo (liên kết về đầu trang) — chữ hiển thị | TiLA Studio | TiLA Studio |
| Logo — nhãn truy cập | TiLA Studio, về đầu trang | TiLA Studio, back to top |
Vùng điều hướng — aria-label |
Điều hướng chính | Main navigation |
Liên kết 1 → #about |
Giới thiệu | About |
Liên kết 2 → #what-we-do |
Lĩnh vực | What we do |
Liên kết 3 → #pigxel |
Pigxel | Pigxel |
Liên kết 4 → #how-we-work |
Cách làm việc | How we work |
Liên kết 5 → #contact |
Liên hệ | Contact |
| Nút liên hệ luôn thấy trên điện thoại (không nằm trong menu) | Liên hệ | Contact |
Nút mở menu — aria-label |
Mở menu | Open menu |
Nút đóng menu — aria-label |
Đóng menu | Close menu |
| Nút chuyển ngôn ngữ — chữ hiển thị | EN | VI |
Nút chuyển ngôn ngữ — aria-label (đặt lang của chính nút theo ngôn ngữ đích) |
Switch to English (lang="en") |
Chuyển sang tiếng Việt (lang="vi") |
Nút chuyển ngôn ngữ — title |
English | Tiếng Việt |
Ghi chú: ba liên kết giữa (Lĩnh vực, Pigxel, Cách làm việc) có thể gom vào menu trên điện thoại; "Liên hệ" và nút ngôn ngữ phải thấy ngay, không cần mở menu (AC-03). Nếu trường {email} trống thì nút/liên kết "Liên hệ" vẫn dẫn tới #contact (mục đó có đoạn nói thẳng kênh chưa mở).
2. Hero — #home (6.1)¶
2.1 Tiêu đề h1: ba phương án mỗi ngôn ngữ¶
| Phương án | Việt | Anh |
|---|---|---|
| A | Công ty một người. Còn lại là AI. (33) | One human. The rest is AI. (26) |
| B (khuyến nghị) | Một người quyết, AI làm. (24) | One person decides. AI does the work. (37) |
| C | Xưởng công nghệ nhỏ, làm phần mềm thật. (39) | A small studio making real software. (36) |
Vì sao chọn B: nói được trong một nhịp điều người xem P-A và P-B cần tin (ai quyết, ai làm), không khoe, không hứa. A đúng nhưng chỉ tả mô hình, chưa nói giá trị. C nghe quen và dễ bị đọc thành "đã có nhiều sản phẩm". Ở bản Anh, "One person decides" tự nhiên hơn bản dịch sát "One person decides, AI builds", và tránh nhầm với "build" là đã xây xong thứ gì.
Các chuỗi dưới đây viết theo phương án B; đổi phương án thì chỉ đổi dòng h1.
2.2 Nội dung¶
| Phần tử | Việt | Anh |
|---|---|---|
Nhãn nhỏ phía trên h1 (eyebrow) |
Công ty công nghệ một người | A one-person tech company |
h1 |
Một người quyết, AI làm. | One person decides. AI does the work. |
| Đoạn dẫn (một câu giá trị) | TiLA Studio làm phần mềm cho doanh nghiệp, cùng game và ứng dụng cho điện thoại. | TiLA Studio makes software for businesses, plus games and apps for your phone. |
Nút chính → #what-we-do |
Xem chúng tôi làm gì | See what we do |
Nút phụ → #contact |
Liên hệ | Get in touch |
Nút phụ khi {email} trống (thay nút phụ, → #about) |
Tìm hiểu thêm | Learn more |
| Alt hình Pigxel | Pigxel, chú heo đất hồng phấn với khe bỏ xu phát sáng màu xanh ngọc trên đầu, đang chạm vào một đồng xu vàng. | Pigxel, a soft-pink piggy bank with a glowing mint coin slot on its head, touching a gold coin. |
3. Công ty là ai — #about (6.2)¶
| Phần tử | Việt | Anh |
|---|---|---|
h2 |
Công ty là ai | Who we are |
| Đoạn dẫn | TiLA Studio là công ty công nghệ một người. Con người duy nhất là CEO; toàn bộ nhân sự còn lại là AI. | TiLA Studio is a one-person tech company. The only human is the CEO. Everyone else on the team is AI. |
| Ý 1, tiêu đề [CHỜ CEO #2] | Người đứng sau | The person behind it |
| Ý 1, nội dung [CHỜ CEO #2] | {ceo_name}, CEO và người sáng lập. Anh đặt hướng đi, gặp khách hàng, ký kết và quyết định khi nào một sản phẩm được ra mắt. | {ceo_name}, CEO and founder. He sets the direction, meets customers, signs contracts, and decides when a product goes out the door. |
| Ý 2, tiêu đề [CHỜ CEO #1] | Cái tên | The name |
| Ý 2, nội dung [CHỜ CEO #1] | TiLA là Trí · Loan · Ân, tên ba thành viên trong gia đình người sáng lập. Còn "Studio" vì đây là một xưởng nhỏ, làm ra sản phẩm thật. | TiLA stands for Trí · Loan · Ân, the names of three members of the founder's family. And "Studio" because that's what this is: a small workshop that makes real things. |
Ghi chú: {ceo_name} = "Trí H. Nguyễn". Không có ảnh CEO; mục này không có hình. Nếu {ceo_name} trống: bỏ Ý 1 hoặc dùng bản thay trong "Chờ CEO". Ý 2 không diễn giải nghĩa riêng của từng cái tên (hồ sơ công ty ghi diễn giải là gợi ý chưa chốt).
4. Hai lĩnh vực — #what-we-do (6.3)¶
| Phần tử | Việt | Anh |
|---|---|---|
h2 |
Chúng tôi làm gì | What we do |
| Đoạn dẫn | Hai lĩnh vực, theo thứ tự ưu tiên. | Two lines of work, in this order. |
Lĩnh vực 1, h3 |
Phần mềm SaaS và back-office | Business software: SaaS and back-office |
| Lĩnh vực 1, cho ai | Dành cho doanh nghiệp cần phần mềm quản trị gọn gàng để chạy việc hằng ngày. | For businesses that want straightforward software to run the day-to-day. |
| Lĩnh vực 1, giải quyết gì | Bớt việc tay chân lặp đi lặp lại, để người làm việc có thời gian cho việc cần đến người. | Less repetitive busywork, so people have time for the things that need a person. |
| Lĩnh vực 1, cách làm | Tự dùng trước, bán sau: phần mềm phải chạy được việc thật của chính chúng tôi rồi mới đóng gói cho doanh nghiệp khác. | We use it ourselves first. Software has to handle our own real work before we package it up for other businesses. |
Lĩnh vực 2, h3 |
Game và ứng dụng trên store | Games and apps for the app stores |
| Lĩnh vực 2, cho ai | Dành cho bất kỳ ai có một chiếc điện thoại. | For anyone with a phone in their pocket. |
| Lĩnh vực 2, giải quyết gì | Game để chơi cho vui, ứng dụng để việc vặt bớt vặt. | Games for fun, apps to make small chores a little less of a chore. |
| Lĩnh vực 2, nơi phát hành | Làm cho App Store và Google Play. | Made for the App Store and Google Play. |
| Ghi chú trạng thái, nhãn | Hiện tại | Where we are |
| Ghi chú trạng thái, nội dung | Chúng tôi mới bắt đầu nên chưa có sản phẩm nào để khoe. Có sản phẩm thật rồi mới khoe. | We're just getting started, so there's nothing to show off yet. We'd rather wait until there's something real. |
Ghi chú: không có hình sản phẩm, không ngày ra mắt, không bảng giá. Lĩnh vực 1 và 2 đứng theo đúng thứ tự PRD. Biểu tượng đồng xu/đường nét trang trí: alt="".
5. Pigxel — #pigxel (6.4)¶
| Phần tử | Việt | Anh |
|---|---|---|
h2 |
Gặp Pigxel | Meet Pigxel |
| Đoạn dẫn | Pigxel là chú heo đất công nghệ, linh vật của TiLA Studio. | Pigxel is our mascot, a tech piggy bank. |
| Nội dung (hai câu) | Pigxel = pig + pixel: chú heo của thế giới số. Là heo đất nên nó tin vào tích tiểu thành đại: mỗi sản phẩm làm xong là một đồng xu bỏ vào heo. | The name is pig + pixel: a piggy bank from the digital world. Piggy banks believe small things add up, and so do we. Every product we finish is another coin in the pig. |
Alt hình (pigxel-meet.svg, toàn thân) |
Pigxel, chú heo đất hồng phấn, tai tròn, đuôi xoắn, mỉm cười, ôm một đồng xu vàng lớn; khe bỏ xu phát sáng trên đầu. | Pigxel, a soft-pink piggy bank with round ears and a curly tail, smiling and hugging a large gold coin; the coin slot glows on its head. |
Ghi chú: alt chỉ nêu đặc điểm có thật trong hình; không nhắc đuôi nếu hình không có đuôi. Bản Anh tách thành ba câu ngắn cho hợp nhịp tiếng Anh; ý không thay đổi. Hình dùng tài sản vector chính thức, Pigxel phải chạm vào vật thể (đồng xu) theo quy tắc company/04 §2.
6. Cách làm việc — #how-we-work (6.5)¶
| Phần tử | Việt | Anh |
|---|---|---|
h2 |
Cách chúng tôi làm việc | How we work |
| Đoạn dẫn | Con người quyết, AI làm. | Humans decide. AI does the work. |
| Cột 1, tiêu đề | Con người làm | What the human does |
| Cột 1, các ý | Đặt hướng đi · Gặp khách hàng · Ký kết · Bấm nút phát hành | Sets the direction · Meets customers · Signs contracts · Presses the release button |
| Cột 2, tiêu đề | AI làm | What the AI does |
| Cột 2, các ý | Nghiên cứu · Thiết kế · Viết code · Kiểm thử | Research · Design · Writing code · Testing |
| Quy tắc, nội dung | Sản phẩm chỉ ra mắt sau khi con người duyệt. AI soạn sẵn mọi thứ, người bấm nút. | Nothing ships until a human has signed off. The AI gets everything ready; a person presses the button. |
Liên kết → {docs_url} (https://docs.rittruyen.com) |
Xem trang tài liệu của chúng tôi | Read our docs |
Liên kết, aria-label bổ sung (nếu dùng mở tab mới) |
Xem trang tài liệu của chúng tôi (mở trang khác) | Read our docs (opens another site) |
Ghi chú: không nêu tên mô hình hay nhà cung cấp AI, không nêu chi tiết hạ tầng. Nếu {docs_url} trống: bỏ liên kết, cả hai cột và quy tắc vẫn đứng được.
7. Liên hệ — #contact (6.6)¶
7.1 Mặc định: {email} có giá trị¶
| Phần tử | Việt | Anh |
|---|---|---|
h2 |
Liên hệ | Get in touch |
| Đoạn dẫn | Muốn hợp tác, hỏi về phần mềm, hay chỉ muốn chào một câu? Cứ gửi thư. | Want to work together, ask about our software, or just say hello? Send us an email. |
| Nhãn kênh | ||
| Liên kết (chữ hiển thị) | {email} | {email} |
Nút → mailto:{email} |
Gửi email cho chúng tôi | Email us |
| Dòng phụ | Không form, không cookie: chỉ một địa chỉ email. | No forms, no cookies. Just an email address. |
Ghi chú: đây là bản mặc định. {email} = [email protected] (CEO cung cấp 2026-11-13, nguồn ceo-inputs.md). Địa chỉ chỉ xuất hiện qua trường {email}, một chỗ cấu hình duy nhất cho cả hai ngôn ngữ; đổi địa chỉ thì không sửa câu chữ. Điện thoại, địa chỉ, mạng xã hội: không có trong bản này; chỉ hiện khi CEO đưa và có trường cấu hình riêng.
7.2 Dự phòng (không dùng ở bản phát hành hiện tại): khi {email} trống¶
| Phần tử | Việt | Anh |
|---|---|---|
h2 |
Liên hệ | Get in touch |
| Đoạn nói thẳng (không liên kết, không nhãn mồ côi) | Chúng tôi chưa mở kênh liên hệ công khai. Khi mở, địa chỉ sẽ có ngay tại mục này. | Our public contact channel isn't open yet. When it is, the address will appear right here. |
Ghi chú: ở chế độ này nút hero "Liên hệ" đổi thành "Tìm hiểu thêm" (mục 2.2). Bản build in cảnh báo "chưa có kênh liên hệ" (PRD 6.9, AC-08). Khuyến nghị không phát hành ở chế độ này.
8. Chân trang (6.8)¶
| Phần tử | Việt | Anh |
|---|---|---|
| Dòng định danh | © {năm} TiLA Studio | © {year} TiLA Studio |
Liên kết lên đầu trang → #home |
Lên đầu trang | Back to top |
| Liên kết pháp lý (chỉ hiện khi trang pháp lý tồn tại, FR-P1-04) | Quyền riêng tư · Điều khoản | Privacy · Terms |
Ghi chú: {năm}/{year} là năm hiện tại do bước dựng điền. Chân trang chỉ có tên "TiLA Studio": không pháp nhân, địa chỉ, điện thoại, khẩu hiệu. Nội dung hai trang pháp lý do ai-legal soát và viết hướng dẫn, không thuộc file này.
9. Trang 404 (FR-P1-01)¶
| Phần tử | Việt | Anh |
|---|---|---|
<title> |
Không tìm thấy trang – TiLA Studio (34) | Page not found – TiLA Studio (28) |
h1 |
Không tìm thấy trang này | We can't find that page |
| Nội dung | Địa chỉ này không dẫn tới đâu cả. Có thể bạn gõ sai, hoặc trang đã được dời đi. Pigxel đã lục hết túi mà vẫn chưa thấy. | This address doesn't lead anywhere. You may have mistyped it, or the page has moved. Pigxel checked every pocket and came up empty. |
Nút → / (trang Việt) hoặc /en/ (trang Anh) |
Về trang chủ | Back to home |
| Alt hình "đang lục túi" (chỉ dùng khi hình này đã có) | Pigxel, chú heo đất hồng phấn, đang lục túi tìm gì đó. | Pigxel, a soft-pink piggy bank, checking its pockets for something. |
| Alt khi tạm dùng hình hero | Dùng alt hero ở mục 2.2 | Use the hero alt from section 2.2 |
Ghi chú: 404 không hiện mã lỗi trần; người xem biết chuyện gì, vì sao có thể, làm gì tiếp (nút về trang chủ). Ngôn ngữ 404 theo tiền tố đường dẫn (/en/... hiện bản Anh, còn lại bản Việt). robots của trang 404: noindex.
10. Kiểm đếm ký tự thẻ SEO¶
Đếm bằng chương trình (Python len() trên chuỗi Unicode, đã kiểm lại từng dòng):
| Chuỗi | Việt | Anh | Giới hạn |
|---|---|---|---|
<title> |
56 | 54 | ≤ 60 (PRD AC-05: 30–60) |
meta description |
151 | 149 | ≤ 155 (PRD AC-05: 70–160) |
og:title |
36 | 49 | ≤ 60 |
og:description |
88 | 87 | ≤ 155 |
<title> trang 404 |
34 | 28 | ≤ 60 |
Tiêu đề hero: A/B/C bản Việt 33/24/39, bản Anh 26/37/36 ký tự. Hai bản có tiêu đề và mô tả khác nhau, đúng AC-05. Dấu phân cách trong <title> là gạch ngang "–", không dùng "|" để khỏi vỡ bảng khi đưa vào mã.
11. Chờ CEO¶
Email liên hệ đã có ([email protected], nguồn ceo-inputs.md) nên không còn chờ. Còn hai điểm CEO chưa xác nhận; câu chữ đang viết theo phương án khuyến nghị và đánh dấu [CHỜ CEO #n] trong file. Đây là toàn bộ chỗ sẽ đổi theo quyết định của CEO.
- Nêu "TiLA = Trí · Loan · Ân, tên ba thành viên gia đình người sáng lập" (mục 3, Ý 2). Đang viết: có nêu, không diễn giải nghĩa từng tên.
- A: giữ nguyên (Khuyến nghị).
- B: không nêu gia đình. Việt: "TiLA là tên riêng của công ty, ghép từ ba cái tên gần gũi với người sáng lập. Còn "Studio" vì đây là một xưởng nhỏ, làm ra sản phẩm thật." Anh: "TiLA is the company's own name, built from three names close to its founder. And "Studio" because that's what this is: a small workshop that makes real things."
- Nếu CEO chốt diễn giải nghĩa ba tên: gửi lại để thêm một câu mỗi tên.
- Nêu tên "Trí H. Nguyễn" và vai trò CEO, không ảnh (mục 3, Ý 1). Đang viết: có tên, "CEO và người sáng lập".
- A: giữ nguyên (Khuyến nghị).
- B: chỉ nói "CEO", không tên. Việt: "CEO và người sáng lập. Anh đặt hướng đi, gặp khách hàng, ký kết và quyết định khi nào một sản phẩm được ra mắt." Anh: "The CEO and founder. He sets the direction, meets customers, signs contracts, and decides when a product goes out the door." Tiêu đề Ý 1 giữ nguyên.
Lưu ý thêm: chữ "người sáng lập" và đại từ "anh"/"he" dựa trên hồ sơ công ty (CEO là anh Trí, người sáng lập); CEO xác nhận khi duyệt. Liên kết docs.rittruyen.com đã chốt là có (không còn trong danh sách chờ); nếu {docs_url} trống thì bỏ liên kết, phần còn lại không đổi.
12. Chuỗi giao diện bổ sung (đối chiếu design_specs.md)¶
Danh sách chuỗi mà thiết kế đang dùng nhưng bản 0.1 chưa có. Trang thật là HTML dựng sẵn nên không có chuỗi "đang tải" (bản khung xương trong harness không phát hành).
| # | Chuỗi | Việt | Anh | Dùng ở / ghi chú |
|---|---|---|---|---|
| 1 | Thanh thông báo ngoại tuyến (role="status") |
Bạn đang ngoại tuyến. Phần đã tải vẫn xem được. | You're offline. What's already loaded still works. | design_specs.md §6 "Ngoại tuyến", P2. Hiện khi trình duyệt phát offline, tự ẩn khi có mạng lại (không cần chuỗi cho lúc ẩn). Nếu CEO bỏ tính năng thì bỏ chuỗi. |
| 2 | Alt hình Pigxel ở mục #pigxel (pigxel-meet.svg) |
Pigxel, chú heo đất hồng phấn, tai tròn, đuôi xoắn, mỉm cười, ôm một đồng xu vàng lớn; khe bỏ xu phát sáng trên đầu. | Pigxel, a soft-pink piggy bank with round ears and a curly tail, smiling and hugging a large gold coin; the coin slot glows on its head. | |
| 3 | Alt hình hero | Có ở mục 2.2 | Có ở mục 2.2 | Không đổi. |
| 4 | Alt hóa thân Pigxel ở hai thẻ lĩnh vực, số thứ tự 1/2, 01–05, mũi tên liên kết ngoài, dấu tích, chấm vàng, ô mint, thanh tiến độ |
(rỗng) alt="" hoặc aria-hidden="true" |
(rỗng) alt="" hoặc aria-hidden="true" |
Trang trí, không có chữ cho trình đọc màn hình; ý nghĩa đã nằm trong chữ kề bên. |
| 5 | aria-label logo |
TiLA Studio, về đầu trang | TiLA Studio, back to top | Có ở mục 1; ghi lại ở đây để kỹ sư đủ khóa. |
| 6 | aria-label nút ngôn ngữ, title |
Switch to English / English | Chuyển sang tiếng Việt / Tiếng Việt | Có ở mục 1 (lang đích đặt trên chính nút). |
| 7 | aria-label mở/đóng menu |
Mở menu / Đóng menu | Open menu / Close menu | Có ở mục 1; đổi theo aria-expanded. |
| 8 | aria-label liên kết Docs |
Xem trang tài liệu của chúng tôi (mở trang khác) | Read our docs (opens another site) | Có ở mục 6. |
| 9 | aria-label vùng điều hướng |
Điều hướng chính | Main navigation | Có ở mục 1. |
| 10 | Liên kết bỏ qua | Bỏ qua tới nội dung chính | Skip to main content | Có ở mục 1. |
| 11 | <title> trang 404 |
Không tìm thấy trang – TiLA Studio | Page not found – TiLA Studio | Có ở mục 9. |
| 12 | Chân trang: dòng định danh, "Lên đầu trang" | © {năm} TiLA Studio / Lên đầu trang | © {year} TiLA Studio / Back to top | Có ở mục 8. |
Không có chuỗi nào cho: biểu mẫu, tìm kiếm, trạng thái trống/lỗi biểu mẫu (trang không có; design_specs.md §6). Thông báo trạng thái chỉ có một: ngoại tuyến.