Tích hợp Danh ngôn Thiết kế trong ngày

Hiển thị danh ngôn thiết kế trong ngày trên trang web của bạn miễn phí: dạng văn bản, dạng hình ảnh, với một đoạn mã ngắn hoặc dạng JSON.

Danh ngôn trong ngày

Design that resonates moves beyond space, it touches hearts and shapes culture.

— S.A.I.T. Studio

Resonance

2025-06-24 11:47:14

194

S.A.I.T. Studio có 9 danh ngôn thiết kế nổi bật.

Xem tất cả danh ngôn của S.A.I.T. Studio.

Đọc ghi chú của tác giả về danh ngôn thiết kế #1331 - Resonance.

Mỗi ngày Design Adage chọn một danh ngôn thiết kế trong số hàng nghìn danh ngôn. Các phương pháp sau được ghi chú trong trang này luôn hiển thị danh ngôn thiết kế được chọn hôm nay, vì vậy bạn chỉ cần dán mã nguồn một lần và danh ngôn thiết kế nổi bật trên trang web của bạn sẽ tự động cập nhật. Mỗi phương pháp đều có liên kết trở lại Design Adage.

Khi bạn nhấp vào vùng văn bản, bản xem trước của danh ngôn như nó sẽ xuất hiện trên trang web của bạn sẽ được hiển thị. Có các biến thể chỉ văn bản và chỉ hình ảnh mà bạn có thể tích hợp. Bạn có thể tích hợp chúng vào trang web một cách an toàn vì chúng tôi không đặt cookie theo dõi hoặc thu thập bất kỳ thông tin nào, chúng tôi ưu tiên bảo mật và không theo dõi người dùng cuối cũng như không thu thập dữ liệu cá nhân.

1. Văn bản và Liên kết Danh ngôn Thiết kế

Dán đoạn mã sau một lần vào trang web của bạn. Danh ngôn thiết kế là văn bản thực trên trang của bạn, được vẽ giống như hình ảnh infographic danh ngôn thiết kế: mọi kiểu dáng được viết inline với !important, vì vậy các bảng kiểu của trang web không thể thay đổi nó, và logo cũng nằm inline. Hình ảnh không được tải từ Design Adage. Liên kết danh ngôn dẫn đến danh ngôn nổi bật trong ngày, và đoạn mã nhỏ ở cuối thay thế danh ngôn nổi bật mỗi ngày (không có đoạn mã thì danh ngôn sẽ giữ nguyên như khi dán, vì vậy nếu bạn chỉ muốn tích hợp danh ngôn cụ thể này mãi mãi, bạn có thể bỏ qua phần mã).

<div data-designadage-text="1" style="all:initial !important;display:flex !important;flex-direction:column !important;box-sizing:border-box !important;width:100% !important;max-width:540px !important;margin:16px auto !important;aspect-ratio:1/1 !important;container-type:inline-size !important;background:#EDEEE9 !important;color:#0B0B0B !important;border-radius:6px !important;direction:ltr !important;text-align:left !important;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;">
  <div style="all:initial !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;flex:1 1 auto !important;box-sizing:border-box !important;gap:24px !important;padding:9.3% 9.3% 8.4% !important;">
    <div style="all:initial !important;display:block !important;">
      <p style="all:initial !important;display:block !important;margin:0 !important;padding:0 !important;font-family:PT Serif,Georgia,Times New Roman,Times,serif !important;font-style:italic !important;font-weight:400 !important;font-size:41px !important;font-size:clamp(15px,7.6cqw,41px) !important;line-height:1.18 !important;letter-spacing:-.01em !important;color:#0B0B0B !important;text-align:left !important;overflow-wrap:break-word !important;"><a href="https://designadage.com/1331" title="Danh ngôn Thiết kế trong ngày - Design Adage" style="margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;text-decoration:none !important;text-transform:none !important;cursor:pointer !important;color:#0B0B0B !important;font:inherit !important;">Design that resonates moves beyond space, it touches hearts and shapes culture.</a></p>
      <p style="all:initial !important;display:block !important;margin:.8em 0 0 !important;padding:0 !important;font-family:PT Serif,Georgia,Times New Roman,Times,serif !important;font-style:italic !important;font-weight:700 !important;font-size:28px !important;font-size:clamp(14px,5.2cqw,28px) !important;line-height:1.2 !important;color:#0B0B0B !important;text-align:right !important;overflow-wrap:break-word !important;">&mdash; S.A.I.T. Studio</p>
    </div>
    <div style="all:initial !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;box-sizing:border-box !important;gap:10px 16px !important;">
      <a href="https://designadage.com/" title="Design Adage" aria-label="Design Adage" style="margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;text-decoration:none !important;text-transform:none !important;cursor:pointer !important;color:#0B0B0B !important;display:block !important;flex:0 0 auto !important;width:150px !important;width:clamp(96px,28cqw,170px) !important;line-height:0 !important;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="43 216 754 163" aria-hidden="true" focusable="false" style="all:initial !important;display:block !important;width:100% !important;height:auto !important;fill:#0B0B0B !important;fill-rule:evenodd !important;"><g><path d="M177.38,346.03 c-2.87,0-5.99-0.22-9.26-0.66l-1.55-0.21 c-0.89-0.12-1.55-0.88-1.55-1.77V223.82c0-0.89,0.66-1.65,1.54-1.77 l1.55-0.21c3.32-0.46,6.47-0.69,9.38-0.69 c34.41,0,37.31,32.89,37.31,61.88 C214.8,312.47,211.77,346.03,177.38,346.03z M178.34,332.16 c0,0.24,0.19,0.44,0.43,0.45c0.3,0.01,0.6,0.02,0.89,0.02 c17.42,0,23.17-15.07,23.17-49.2c0-33.31-5.69-48.88-23.11-48.88 c-0.31,0-0.63,0.01-0.95,0.02c-0.24,0.01-0.43,0.21-0.43,0.45V332.16z "/><path d="M243.2,346.8 c-17.13-0.33-23.72-24.88-23.24-49.05 c0.29-14.65,1.86-48.29,24.48-48.29c23.57,0,22.02,37.72,21.85,52.42 c-0.01,0.98-0.81,1.76-1.79,1.76h-28.71c-0.96,0-1.75,0.76-1.79,1.72 c-0.85,19.45,11.55,44.63,20.22,14.6c0.32-1.1,1.58-1.61,2.58-1.06 l8.49,4.67c0.68,0.37,1.04,1.14,0.9,1.91 C264.03,337.14,254.2,346.93,243.2,346.8z M252.73,288.64 c-1.1-34.26-17.18-33.96-18.71-0.02c-0.05,1.02,0.77,1.88,1.79,1.88 h15.13C251.95,290.49,252.76,289.65,252.73,288.64z"/><path d="M292.57,346.52 c-9.55,0-20.06-6.13-22.01-19.84l-0.17-1.19 c-0.1-0.72,0.24-1.42,0.86-1.79l8.25-4.87 c0.97-0.57,2.23-0.11,2.6,0.95l0.72,2.07 c3.14,9.01,11.1,11.86,14.39,9.14c7.51-6.2,3.63-20-15.73-35.65 c-10.58-10.58-12.59-20.71-8.26-31.72 c3.45-8.76,11.03-14.64,18.87-14.64c4.89,0,14.03,2.31,20.43,17.78 l0.6,1.45c0.34,0.83,0.02,1.78-0.76,2.23l-8.89,5.13 c-1.02,0.59-2.33,0.04-2.62-1.1l-0.59-2.29 c-1.77-6.89-5.64-9.34-8.68-9.34c-1.96,0-3.81,0.96-5.09,2.63 c-1.94,2.54-2.38,6.32-1.23,10.66c2.31,6.42,7.43,11.49,12.86,16.86 c7.87,7.78,15.89,16.56,15.69,30.42 c-0.1,6.61-1.62,12.34-5.62,16.58 C304.28,344.14,298.58,346.52,292.57,346.52z"/><path d="M319.59,343.61v-90.91 c0-0.99,0.8-1.79,1.79-1.79h9.75c0.99,0,1.79,0.8,1.79,1.79v90.91 c0,0.99-0.8,1.79-1.79,1.79h-9.75 C320.39,345.4,319.59,344.6,319.59,343.61z M325.95,238.93 c-5.06,0-8.87-3.9-8.87-9.08c0-2.32,0.78-4.51,2.2-6.18 c1.66-1.95,4.06-3.03,6.75-3.03h0.26c5.11,0,8.96,3.96,8.96,9.21 c0,5.18-3.81,9.08-8.87,9.08H325.95z"/><path d="M352.34,367.72 c-0.42-1.01,0.16-2.16,1.22-2.42l2.03-0.5 c10.02-2.49,15.5-9.38,16.37-20.53c0.03-0.37-0.38-0.6-0.69-0.41 c-3.55,2.22-6.96,3.34-10.2,3.34c-3.95,0-22.54-1.79-22.54-48.79 c0-47.49,18.77-49.26,22.78-49.26c3.24,0,6.65,1.1,10.2,3.29 c0.15,0.09,0.34-0.01,0.34-0.19v-0.44c0-0.49,0.4-0.89,0.89-0.89 h10.93c0.82,0,1.48,0.66,1.48,1.48v84.35 c1.12,21.67-7.75,35.55-25.65,40.14l-1.5,0.38 c-0.86,0.22-1.75-0.22-2.09-1.04L352.34,367.72z M362.48,262.47 c-8.18,0-12.05,11.25-12.32,35.57c-0,0.06-0,0.18-0.01,0.23 c-0.56,12.66,1.59,35.65,12.83,35.65c8.85,0,8.85-6.39,8.85-10.69 l-0-49.66C371.84,269.04,369.1,262.47,362.48,262.47z"/><path d="M424.74,345.96 c-0.99,0-1.79-0.8-1.79-1.79l-0.01-68.63c0-4.19-0.39-7.92-2.33-10.17 c-1.44-1.67-3.47-2.55-5.88-2.55c-2.87,0-5.95,1.29-8.69,3.59 c-0.39,0.33-0.61,0.83-0.61,1.35l0,76.01 c0,0.99-0.8,1.79-1.79,1.79h-9.75c-0.99,0-1.79-0.8-1.79-1.79v-91.22 c0-0.82,0.66-1.48,1.48-1.48h11.12c0.4,0,0.72,0.32,0.72,0.72l0,0 c0,0.34,0.36,0.55,0.66,0.39c3.3-1.75,6.82-2.68,10.33-2.68 c5.72,0,11.1,2.49,14.77,6.84c4.3,5.09,5.05,11.63,5.05,19.79 c0,0,0.05,4.91,0.05,9.77l-0.02,58.28c-0,0.99-0.8,1.79-1.79,1.79 H424.74z"/><path d="M502.89,342.81l-6.2-27.97 c-0.18-0.82-0.91-1.4-1.74-1.4h-18.59c-0.84,0-1.57,0.59-1.75,1.41 l-6.04,27.96c-0.18,0.82-0.91,1.41-1.75,1.41h-18.55 c-1.16,0-2.01-1.09-1.74-2.21l28.91-117.63 c0.2-0.8,0.91-1.36,1.74-1.36h17.76c0.82,0,1.54,0.56,1.74,1.36 l28.74,117.63c0.28,1.13-0.58,2.21-1.74,2.21h-19.06 C503.8,344.21,503.07,343.62,502.89,342.81z M491.44,293.19 c0.29,0,0.5-0.26,0.44-0.54l-3.57-16.19 c-0.35-1.44-1.1-5.15-2.24-11.05c-0.09-0.48-0.78-0.49-0.88-0.01 c-0.66,3.35-1.4,7.03-2.2,11.02l-3.58,16.23 c-0.06,0.28,0.15,0.54,0.44,0.54H491.44z"/><path d="M552.79,345.87 c-19.03,0-28.68-16.39-28.68-48.72c0-14.8,2.53-26.34,7.52-34.3 c5.2-8.35,12.72-12.58,22.33-12.58c4.71,0,8.99,1.27,12.77,3.79V228.64 c0-0.67,0.37-1.28,0.96-1.59l17.18-8.9 c1.19-0.62,2.61,0.25,2.61,1.59v122.68c0,0.99-0.8,1.79-1.79,1.79 h-17.18c-0.99,0-1.79-0.8-1.79-1.79v-1.16 C562.5,344.32,557.83,345.87,552.79,345.87z M555.28,270.01 c-6.81,0-10.26,8.88-10.26,26.4c0,13.63,1.93,29.89,11.1,29.89 c4.22,0,7.6-1.91,10.29-5.84c0.2-0.29,0.3-0.65,0.3-1.01v-42.68 c0-0.38-0.12-0.76-0.35-1.07C563.47,271.88,559.83,270.01,555.28,270.01z" /><path d="M619.02,345.87 c-7.44,0-13.63-2.73-18.42-8.11c-5.15-5.58-7.77-13.49-7.77-23.47 c0-9.8,2.94-17.58,8.74-23.12c5.57-5.18,13-7.8,22.12-7.8 c3.66,0,7.13,0.51,10.35,1.51c0.29,0.09,0.58-0.12,0.58-0.42v-4.36 c0-6.98-2.75-10.09-8.93-10.09c-4.85,0-10.21,1.73-15.93,5.15 l-0.53,0.32c-0.86,0.52-1.98,0.22-2.48-0.66l-7.39-13.16 c-0.46-0.81-0.21-1.84,0.57-2.36l0.46-0.31 c8.68-5.78,17.59-8.72,26.46-8.72c10.29,0,17.46,2.13,21.9,6.51 c4.45,4.4,6.62,11.59,6.62,21.98v63.65c0,0.99-0.8,1.79-1.79,1.79 h-17.18c-0.99,0-1.79-0.8-1.79-1.79v-1.24 C630.28,344.3,625.05,345.87,619.02,345.87z M623.85,302.62 c-7.09,0-10.26,3.52-10.26,11.42c0,11.43,4.9,12.75,8.59,12.75 c5.47,0,9.45-1.95,12.14-5.97c0.19-0.29,0.29-0.64,0.29-0.99v-13.73 c0-0.72-0.42-1.36-1.08-1.65C630.72,303.24,627.48,302.62,623.85,302.62z"/><path d="M679.35,361.2 c-0.38-1.07,0.33-2.22,1.46-2.36l0.73-0.09 c8.92-1.14,14.91-3.24,17.8-6.27c2.17-2.28,3.51-6,4.01-11.1 c-4.1,2.99-8.69,4.49-13.71,4.49c-19.03,0-28.68-16.39-28.68-48.72 c0-14.77,2.53-26.31,7.52-34.3c5.23-8.35,12.74-12.59,22.34-12.59 c4.42,0,8.46,1.12,12.06,3.35c0.3,0.19,0.69-0.02,0.69-0.37v-0.24 c0-0.49,0.4-0.89,0.89-0.89h18.07c0.99,0,1.79,0.8,1.79,1.79v80.26 c0,13.3-2.83,23.29-8.42,29.69c-5.91,6.75-15.78,10.94-29.33,12.45 l-0.47,0.05c-0.83,0.09-1.61-0.4-1.89-1.19L679.35,361.2z M692.16,270.01c-6.82,0-10.27,8.88-10.27,26.4 c0,13.63,1.93,29.89,11.1,29.89c4.24,0,7.61-1.91,10.29-5.84 c0.2-0.29,0.3-0.65,0.3-1v-42.69c0-0.38-0.12-0.76-0.35-1.07 C700.35,271.88,696.72,270.01,692.16,270.01z"/><path d="M763.35,345.87 c-10.99,0-19.65-4.48-25.75-13.32c-5.8-8.21-8.76-19.68-8.76-34.07 c0-15.26,3.07-27.28,9.11-35.75c5.86-8.27,14.08-12.46,24.4-12.46 c9.84,0,17.87,4.07,23.88,12.1c6.18,8.51,9.3,20.46,9.3,35.54 c0,2.87-0.06,4.74-0.18,5.91l-0.23,2.13H750.44 c-0.26,0-0.47,0.23-0.45,0.5c1.99,19.51,10.8,19.51,13.79,19.51 c5.28,0,9.9-1.92,14.13-5.86l0.43-0.4 c0.71-0.66,1.82-0.64,2.5,0.06l10.58,10.91 c0.66,0.68,0.67,1.75,0.04,2.45l-0.38,0.42 C783.64,341.72,774.31,345.87,763.35,345.87z M773.81,287.36 c0.26,0,0.47-0.23,0.45-0.49c-0.47-4.83-1.7-8.82-3.67-11.87 c-2.17-3.36-4.97-4.99-8.57-4.99c-2.44,0-9.6,0-11.92,16.84 c-0.04,0.27,0.17,0.51,0.44,0.51H773.81z"/><path d="M129.34,276.22 c-8.47-0.59-15.73,5.02-17.7,12.75c-0.06,0.22-0.37,0.22-0.43-0 c-1.87-7.36-8.54-12.8-16.48-12.8c-7.94,0-14.6,5.44-16.48,12.8 c-0.06,0.22-0.37,0.22-0.43,0c-1.97-7.73-9.23-13.35-17.7-12.75 c-8.4,0.59-15.2,7.43-15.75,15.83 c-0.64,9.9,7.2,18.13,16.97,18.13c7.94,0,14.6-5.44,16.48-12.8 c0.06-0.22,0.37-0.22,0.43,0c1.87,7.36,8.54,12.8,16.48,12.8 c7.94,0,14.6-5.44,16.48-12.8c0.06-0.22,0.37-0.22,0.43,0 c1.87,7.36,8.54,12.8,16.48,12.8c9.76,0,17.61-8.23,16.97-18.13 C144.55,283.65,137.75,276.81,129.34,276.22z"/></g></svg></a>
      <a href="https://designadage.com/1331" title="Danh ngôn Thiết kế trong ngày - Design Adage" style="margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;text-decoration:none !important;text-transform:none !important;cursor:pointer !important;color:#0B0B0B !important;display:block !important;flex:0 1 auto !important;min-width:0 !important;font-family:PT Sans Narrow,Arial Narrow,Roboto Condensed,Arial,Helvetica,sans-serif !important;font-style:normal !important;font-weight:400 !important;font-size:21px !important;font-size:clamp(11px,3.9cqw,21px) !important;line-height:1.2 !important;letter-spacing:normal !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;">designadage.com/1331</a>
    </div>
  </div>
</div>
<script async src="https://designadage.com/quote-of-the-day.js" data-designadage="text"></script>

2. Hình ảnh và Liên kết Danh ngôn Thiết kế

Dán đoạn mã này một lần. Hình ảnh được thay thế mỗi ngày, và liên kết luôn dẫn đến danh ngôn trong ngày.

<a href="https://designadage.com/vi/danh-ngon-trong-ngay" title="Danh ngôn Thiết kế trong ngày - Design Adage">
  <img src="https://designadage.com/quote-of-the-day.png" alt="Danh ngôn Thiết kế trong ngày" width="1080" height="1080" loading="lazy" style="max-width:100%;height:auto">
</a>

3. JavaScript của Design Adage

Đặt đoạn mã nguồn sau vào trang web của bạn tại vị trí bạn muốn danh ngôn thiết kế trong ngày xuất hiện. Đoạn mã của chúng tôi được xây dựng lại mỗi ngày, vì vậy hình ảnh, mô tả và liên kết luôn thuộc về danh ngôn hôm nay. Vì đoạn mã này chèn một script vào trang web của bạn, vui lòng không tích hợp tùy chọn này cho các ứng dụng quan trọng, nhìn chung việc tải tệp JSON của chúng tôi có thể tương đối an toàn hơn.

<div id="designadage-quote"></div>
<script async src="https://designadage.com/quote-of-the-day.js"></script>

4. JSON của Design Adage

Đối với các ứng dụng quan trọng, chúng tôi khuyên bạn nên tải tệp JSON thay vì tích hợp script để tăng cường bảo mật, vì bạn có thể tích hợp các kiểm tra riêng và xác minh nội dung đang được tải cũng như tích hợp các biện pháp bảo mật. Bạn có thể tải tệp JSON danh ngôn thiết kế trong ngày của Design Adage để lấy danh ngôn, tác giả và liên kết từ hệ thống của chúng tôi. Tệp JSON của chúng tôi có thể được đọc từ bất kỳ trang web nào có truy cập internet.

fetch('https://designadage.com/quote-of-the-day.json')
  .then(function (r) { return r.json(); })
  .then(function (q) { console.log(q.quote, q.author, q.url); });

Bất cứ khi nào có thể, vui lòng liên kết đến hình ảnh tại DesignAdage.com thay vì sao chép liên kết danh ngôn của chúng tôi vào máy chủ của bạn, chúng tôi đánh giá cao nếu bạn có thể ghi nguồn tác giả và tôn trọng sở hữu trí tuệ của họ. Bạn không được phép sử dụng các danh ngôn cho các chiến dịch chính trị, bạn chỉ có thể sử dụng chúng cho mục đích giáo dục và giải trí nhưng không phải cho lợi ích thương mại.