analyst scores gartner forrester trust recognition enterprise saas itsm magic-quadrant leader Gartner Forrester analyst Magic Quadrant leader recognition scores rankings enterprise trust Gartner Forrester analyst recognition section enterprise trust bar with analyst scores and rankings magic quadrant leader strip for SaaS landing page
Analyst Scores Base
Fetch pattern JSON:
curl https://webspire.de/patterns/analyst-scores/base.json base.html
<section class="ws-analyst-scores bg-[var(--ws-analyst-scores-bg)] py-14">
<div class="mx-auto max-w-5xl px-6">
<!-- Eyebrow label -->
<p class="mb-10 text-center text-xs font-semibold uppercase tracking-widest text-[var(--ws-analyst-scores-label)]">
Beste Noten von führenden Branchenanalytsten
</p>
<!-- Score strip -->
<div class="flex flex-wrap divide-y divide-[var(--ws-analyst-scores-border)] sm:flex-nowrap sm:divide-x sm:divide-y-0">
<!-- Score 1 -->
<div class="flex w-full flex-col items-center px-6 py-6 text-center sm:w-1/4 sm:py-0">
<span class="text-5xl font-extrabold leading-none text-[var(--ws-analyst-scores-number)]">#1</span>
<p class="mt-3 text-sm leading-snug text-[var(--ws-analyst-scores-desc)]">
Im weltweiten Ranking für Enterprise Workflow Management
</p>
<span class="mt-4 text-xs font-bold uppercase tracking-widest text-[var(--ws-analyst-scores-source)]">
Gartner
</span>
</div>
<!-- Score 2 -->
<div class="flex w-full flex-col items-center px-6 py-6 text-center sm:w-1/4 sm:py-0">
<span class="text-5xl font-extrabold leading-none text-[var(--ws-analyst-scores-number)]">6×</span>
<p class="mt-3 text-sm leading-snug text-[var(--ws-analyst-scores-desc)]">
Gartner® Magic Quadrant™ für IT Service Management Platforms
</p>
<span class="mt-4 text-xs font-bold uppercase tracking-widest text-[var(--ws-analyst-scores-source)]">
Gartner
</span>
</div>
<!-- Score 3 -->
<div class="flex w-full flex-col items-center px-6 py-6 text-center sm:w-1/4 sm:py-0">
<span class="text-5xl font-extrabold leading-none text-[var(--ws-analyst-scores-number)]">4×</span>
<p class="mt-3 text-sm leading-snug text-[var(--ws-analyst-scores-desc)]">
Gartner® Magic Quadrant™ für CRM Customer Engagement Center
</p>
<span class="mt-4 text-xs font-bold uppercase tracking-widest text-[var(--ws-analyst-scores-source)]">
Gartner
</span>
</div>
<!-- Score 4 -->
<div class="flex w-full flex-col items-center px-6 py-6 text-center sm:w-1/4 sm:py-0">
<span class="text-5xl font-extrabold leading-none text-[var(--ws-analyst-scores-number)]">9×</span>
<p class="mt-3 text-sm leading-snug text-[var(--ws-analyst-scores-desc)]">
Forrester Wave™ Service Automation Platforms als Leader ausgezeichnet
</p>
<span class="mt-4 text-xs font-bold uppercase tracking-widest text-[var(--ws-analyst-scores-source)]">
Forrester
</span>
</div>
</div>
<!-- Fine print -->
<p class="mt-8 text-center text-xs text-[var(--ws-analyst-scores-label)]">
* Basierend auf den jeweils aktuellen Veröffentlichungen der genannten Analysten.
Analysten-Bewertungen gelten zum Zeitpunkt der Publikation.
</p>
</div>
</section>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Stable Published
analystscoresgartnerforrestertrustrecognitionenterprisesaasitsmmagic-quadrantleader
Slots
| Name | Required | Description |
|---|---|---|
| eyebrow | No | Small uppercase label above the strip (e.g. "Beste Noten von führenden Branchenanalytsten"). |
| scores | Yes | 2–5 score blocks — each with number, description, and source name. |
| disclaimer | No | Small fine-print text below the strip referencing report dates. |
Enterprise analyst credibility strip for B2B and SaaS landing pages. Divides the section into 2–5 score blocks, each citing a specific analyst recognition. Horizontally ruled on desktop, stacked on mobile.
Inspired by ServiceNow’s homepage analyst scores section. Replace all numbers and source names with your actual Gartner, Forrester, IDC, or G2 data — and link each block to the original report.