Web Analytics
Skip to Main Content

ChatGPT Meets LibGuides

Working together to make our LibGuides smarter.
← Back to Interactive Elements

InfoCards + CTA

Skimmable task cards with strong calls-to-action.

Single Card

Show Preview
Company Research
Filings, profiles, analyst coverage.
Open Databases
Show Code
<div style="background:#eef6ff;border:1px solid #cfe2ff;border-radius:12px;padding:12px;">...</div>

3-Card Grid

Show Preview
Company
Profiles, financials.
Open
Industry
Size & trends.
Open
Market
Segments & forecasts.
Open
Show Code
<div style="display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));">...</div>

Feature Card (Hero)

Show Preview
Start Your Research
Two minute orientation + top links
Get Started
Show Code
<div style="background:linear-gradient(90deg,#1e40af,#3b82f6);color:#fff;padding:18px;border-radius:12px;">...</div>

♿ Accessibility Tips

  • Card headings should be real headings (h4) if they structure the page.
  • CTAs: use descriptive text + optional aria-label.
  • Maintain consistent corner radius/spacing across cards & buttons.