LlamaIndex

Item: LlamaIndex
Rating: 7.6

Document parsing, extraction and agent workflows for AI applications.

llamaindex.ai Save page

7.6/10MABTU rating

DESKTOP · 1440 × 12,445/ ↗

MOBILE · 390

Section outline · Home

01heroLeft headline, black buttons, pixel-gradient diamond art1,657
02logo cloudTwo-row bordered logo grid
03ctaGradient-framed plan card with checklist
04featuresTabbed specialist card and three document-type cards1,501
05statsThree gradient numbers191
06benchmarkGradient bar chart945
07productsProduct rows with illustration and capability list1,435
08use casesThree gradient cards972
09industriesFour industries with flat colour squares1,300
10enterpriseFour features around gradient title935
11testimonialsThree gradient quote cards757
12footerLink columns and outlined gradient wordmark

Rating · Home

Visual design8.2

UX & clarity7.4

Originality8.3

Craft & consistency7.8

Motion6.5

Performance & a11y7.7

This page scores 7.8; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Overused Groteskheading · sans · self-hosted Overused Groteskbody · sans · self-hosted IBM Plex Monoaccent · mono · google

Stack & style

Astro Lottie Sanity HubSpot CMS Google Fonts

Minimal Gradient-heavy Sharp / geometric Product-UI-led Logo cloud Mega menu Process steps Stats band Sticky header Tabs Testimonial slider

Also: Google Tag Manager, Vercel, Google Analytics, HubSpot

Design DNA

White and pale grey page with a light grotesk, tiny uppercase mono labels and square black buttons. The signature device is a stepped, pixelated gradient diamond (orange to pink to cyan) with an isometric document stack at its centre, reused as card art, dividers and a full-width gradient band. Content runs through a bordered logo grid, a gradient-framed free-plan card, document-type cards with sketchy table and chart previews, gradient stat numbers, a gradient bar benchmark chart, product rows, an industry grid with flat colour squares, gradient quote cards and a giant outlined wordmark in the footer.

Worth borrowing

Build a brand motif from a stepped pixel gradient and reuse it for cards, bands and the hero.
Show benchmark results as a bar chart in the brand gradient with your bar highlighted.
Set a huge outlined gradient wordmark across the footer.