Integra la cita de diseño del día

Muestra la cita de diseño del día en tu propio sitio web de forma gratuita: como texto, como imagen, con un breve script o como JSON.

Cita del Día

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 tiene 9 adagios de diseño destacados.

Ver todas las citas de S.A.I.T. Studio.

Leer las notas del autor sobre este adagio de diseño #1331 - Resonance.

Cada día Design Adage selecciona una cita de diseño entre miles. Los métodos indicados en esta página siempre muestran la cita de diseño seleccionada hoy, así que puedes pegar el código fuente una vez y el adagio de diseño destacado en tu sitio web se mantendrá actualizado automáticamente. Cada método enlaza de vuelta a Design Adage.

Cuando hagas clic en las áreas de texto, se mostrará una vista previa de la cita tal como aparecería en tu sitio web. Hay variantes de solo texto y solo imagen que puedes integrar. Puedes integrarlas de forma segura en tu sitio web, ya que no instalamos cookies de rastreo ni recopilamos información alguna; priorizamos la privacidad y no rastreamos a los usuarios finales ni recopilamos datos personales.

1. Texto y enlace de la cita de diseño

Pega el siguiente código una vez en tu sitio web. La cita de diseño es texto real en tu página, representado como la imagen infográfica de la cita de diseño: cada estilo está escrito en línea con !important, para que las hojas de estilo de tu sitio web no puedan modificarlo, y el logotipo también está en línea. No se cargan imágenes desde Design Adage. El enlace del adagio de diseño lleva a la cita destacada del día, y el pequeño script al final reemplaza la cita destacada cada día (sin el script la cita se mantiene tal como se pegó, así que si solo deseas integrar esta cita en particular de forma permanente, puedes omitir también la parte del script).

<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="Cita de Diseño del Día - 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="Cita de Diseño del Día - 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. Imagen y enlace de la cita de diseño

Pega este código una vez. La imagen se reemplaza cada día y el enlace siempre lleva a la cita del día.

<a href="https://designadage.com/es/cita-del-dia" title="Cita de Diseño del Día - Design Adage">
  <img src="https://designadage.com/quote-of-the-day.png" alt="Cita de Diseño del Día" width="1080" height="1080" loading="lazy" style="max-width:100%;height:auto">
</a>

3. JavaScript de Design Adage

Coloca el siguiente código fuente en tu sitio web donde quieras que aparezca la cita de diseño del día. Nuestro script se reconstruye cada día, así que la imagen, su descripción y el enlace siempre corresponden a la cita de hoy. Dado que este código inserta un script en tu sitio web, por favor no integres esta opción en aplicaciones importantes; en general, obtener nuestro archivo JSON puede ser relativamente más seguro.

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

4. JSON de Design Adage

Para aplicaciones importantes recomendamos obtener nuestro archivo JSON en lugar de integrar el script para una mayor seguridad, ya que puedes incorporar tus propias comprobaciones y verificar qué se está cargando e integrar medidas de seguridad. Puedes obtener el archivo JSON de la cita de diseño del día de Design Adage para recuperar el adagio, el autor y los enlaces de nuestro sistema. Nuestro archivo JSON puede leerse desde cualquier sitio web que tenga acceso a 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); });

Siempre que sea posible, enlaza a la imagen en DesignAdage.com en lugar de copiar nuestros enlaces de adagios a tu propio servidor; agradecemos que acredites a los autores y respetes su propiedad intelectual. No está permitido usar los adagios para campañas políticas; solo puedes utilizarlos con fines educativos y de entretenimiento, pero no para fines comerciales.