Design tokens — review page¶

Not linked in navigation. Internal reference for reviewing the palette/type/component tokens in docs/assets/stylesheets/extra.css before they're applied to real pages.

Type¶

Hero heading (H1) — ລາວຄຣິສຕຽນ LaoChristian.org¶

Section heading (H2) — Scripture, worship, and Christian resources¶

Card heading (H3) — Read the Lao Bible¶

Body copy in English at 16–18px. Lorem ipsum is banned everywhere else in this repo, but here it's just measuring line length and font rendering: the quick brown fox jumps over the lazy dog.

ຂໍ້ຄວາມພາສາລາວ (Lao body text) ໃຊ້ Noto Sans Lao Looped ທີ່ 18–20px ແລະໄລຍະຫ່າງແຖວກວ້າງກວ່າ ເພື່ອໃຫ້ອ່ານງ່າຍ.

Lao font bake-off¶

Use the "文A" picker in the header to preview each candidate Lao font (all 8 offered by the lao-christian-app project) against the same sample text — headings and body both switch together so it's a fair side-by-side look. Spelling here intentionally keeps the traditional ຣ (R) in sacred terms rather than the modern government-simplified spelling — see docs/_lao-style-guide.md.

ພຣະເຈົ້າ ແລະ ພຣະເຢຊູຄຣິດ¶

ພຣະເຈົ້າຊົງຮັກໂລກຫຼາຍ ຈົນໄດ້ຊົງໂຜດປະທານພຣະບຸດອົງດຽວຂອງພຣະອົງ ເພື່ອທຸກຄົນທີ່ວາງໃຈໃນພຣະບຸດນັ້ນ ຈະບໍ່ພິນາດ ແຕ່ມີຊີວິດນິລັນດອນ. ຂໍ້ຄວາມນີ້ໃຊ້ສະລະ, ພະຍັນຊະນະ, ວັນນະຍຸດ ແລະຕົວເລກ (໑໒໓) ທີ່ ຫຼາກຫຼາຍ ເພື່ອທົດສອບການສະແດງຜົນຂອງແຕ່ລະຟອນ.

Page hero images¶

Every page gets a full-width hero banner, like the homepage. Set one line of front matter at the top of the page — no HTML needed:

---
hero_image: give
---

This picks up docs/assets/img/give-light.webp / give-dark.webp automatically (see overrides/main.html's tabs block), swapped by color scheme. Both files must exist. Don't set this on index.md — the homepage builds its own hero in overrides/home.html.

Color swatches¶

Components¶

Official symbol, used unmodified per NAD brand guidelines

Toggle light/dark mode (top right) and switch language (🌐 icon) to check both variants.