Astral

Item: Astral
Rating: 7.9

High-performance Python developer tools like Ruff, uv and ty.

7.9/10MABTU rating

DESKTOP · 1440 × 7,329/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline over pixel glyph, two CTAs930
02missionShort centred statement1,486
03productSage card with benchmark bar chart
04testimonialsCarousel of quote cards with portraits
05open sourceAubergine band, monospace, social icons1,046
06newsAnnouncement cards789
07ctaNotched aubergine block, two buttons
08footerProduct links with version pills, pixel wordmark

Rating · Home

Visual design8.0

UX & clarity7.6

Originality8.4

Craft & consistency7.8

Motion6.5

Performance & a11y8.7

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

Main colours

Light·white background·muted

Typography

Alliance Plattheading · font · self-hosted Alliance Textbody · font · self-hosted

Stack & style

Next.js Swiper Tailwind CSS React

Bold typography Retro Sharp / geometric Sticky header Testimonial slider Transparent header

Also: Vercel, Cloudflare, Fathom

Design DNA

Off-white canvas, deep aubergine (#261230-ish) blocks and a sage green product panel, with acid lime and teal as accents. A giant pixel-built number sits behind the centred uppercase hero headline. Section cards have notched, stepped corners with dithered lime and teal stripe fills. A benchmark bar chart in a dark card, a testimonial carousel, a monospace 'built in the open' band with blinking cursor, announcement cards and a notched CTA block. Pixel wordmark in header and footer.

Worth borrowing

Notched card corners filled with dithered stripe patterns to make blocks feel custom.
A benchmark bar chart as the product's hero proof inside a dark card.
Oversized pixel glyph behind the hero headline as brand texture.