Bản xem trước thiết kế Design preview

Hero dẫn dắt bằng góc nhìn pháp lý, news ticker, số liệu, 8 lĩnh vực, clients/featured-in, trích dẫn người sáng lập, insights nổi bật, văn phòng và CTA.

Insight-first hero, news ticker, stats band, 8 practice pillars, trusted-by / featured-in, founder quote, trending insights, offices, and footer CTA.

8 lĩnh vực hành nghề dạng danh sách đánh số — mỗi mục có nhóm năng lực, luật sư phụ trách và liên kết đến trang chi tiết.

All 8 numbered practice areas as expanded list cards — each with capability bullets, lead-lawyer chip, and a link to its detail page.

Mẫu cho 8 dịch vụ. Quick-nav, phạm vi công việc, 3 case studies ẩn danh, thẻ luật sư phụ trách, insights liên quan, CTA chuyển sang form Liên hệ.

Template for all 8 services. Quick-nav, scope of work, 3 anonymized use cases, lead-lawyer card, related insights, footer CTA with topic preselected.

Câu chuyện BLF (4 đoạn, gọn hơn ~30%), timeline 2006→2026, 4 giá trị song ngữ, đội ngũ lãnh đạo, các văn phòng.

Our story (4 paragraphs, ~30% tighter), timeline 2006→2026, four values rendered bilingual side-by-side, leadership team preview, offices preview.

Bài nổi bật + lưới 12 thẻ với bìa kiểu editorial-poster. Bộ lọc, sidebar newsletter / most-read / tags, phân trang.

Featured article + 12-card grid with editorial-poster covers ("Bản tin" gold-tone + "Highlight" ink-tone). Filter chips, newsletter / most-read / tags sidebar, pagination.

Trang đọc bài: hero editorial, mục lục dính trái, nội dung 65ch, bio tác giả, CTA newsletter, bài liên quan.

Reading template: editorial hero, sticky left ToC, 65ch body, author bio, newsletter CTA, related articles.

Form Pháp lý dạng hai cột, lựa chọn dịch vụ + khung thời gian, ba thẻ văn phòng (Hà Nội / TP.HCM / Đà Nẵng), bản đồ tĩnh.

Two-column intake form with service + timeframe select, three office cards (Hanoi / HCMC / Da Nang), static map.

Phiên bản 390px của trang chủ — single-column, drawer nav, các strip xếp dọc, touch target ≥ 44px.

390px version of the home page — single column, drawer nav, vertically stacked strips, touch targets ≥ 44px.

8 lĩnh vực dạng accordion gọn, gắn nhãn số thứ tự — dễ quét bằng ngón cái.

All 8 practice areas in a tight numbered accordion — thumb-scannable.

Chi tiết dịch vụ ở mobile — quick-nav cuộn ngang, scope, case studies, luật sư phụ trách, CTA dính đáy màn hình.

Service detail on mobile — horizontal-scroll quick-nav, scope, case studies, lead lawyer, sticky-bottom CTA.

Trang giới thiệu phiên bản mobile — timeline dọc, các giá trị xếp chồng, thẻ đội ngũ một cột.

About on mobile — vertical timeline, stacked values, single-column team cards.

Bài nổi bật + lưới 1 cột, bộ lọc cuộn ngang, sidebar trở thành module cuối trang.

Featured article + single-column grid, horizontal-scroll filter chips, sidebar moves to bottom modules.

Trang đọc bài ở mobile — ToC thu gọn dạng dropdown trên cùng, body một cột, CTA newsletter cuối bài.

Article reader on mobile — collapsed top ToC, single-column body, newsletter CTA at the end.

Form Liên hệ một cột, các thẻ văn phòng xếp dọc, nút gọi điện và chỉ đường nổi bật.

Single-column intake form, stacked office cards, prominent call + directions buttons.

Các phương án trình bày dải news-ticker trên hero để chọn ra kiểu hợp với tinh thần "almanac".

Side-by-side studies of news-ticker treatments under the hero to pick the right almanac-style cadence.

So sánh trực tiếp hai cách kể chuyện news/insight: thẻ phong cách CVD vs. dải strip theo phong cách BM.

Direct comparison of two newsroom treatments: CVD-style cards versus Baker McKenzie-style strip.