GlassFlow

Item: GlassFlow
Rating: 7.7

Data layer that feeds and traces AI agents in production.

glassflow.ai Save page

7.7/10MABTU rating

Home

blog

contact

DESKTOP · 1440 × 4,981/ ↗

MOBILE · 390

Section outline · Home

01heroMars astronaut image, split headline and amber CTA
02logo cloudFour bordered logo cells
03quoteLarge CEO quote with pixel dither edges
04featuresCopy left, UI on desert image right
05featuresDashboard over desert image left, copy right
06quickstartTwo terminal-style product columns
07faqAccordion with amber toggles
08ctaTwo product CTA cells and grid footer

Rating · Home

Visual design8.3

UX & clarity7.2

Originality8.5

Craft & consistency7.8

Motion6.0

Performance & a11y7.7

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

Main colours

Dark·coloured background·vivid

Typography

Inter Displaybody · sans · self-hosted

Stack & style

Lenis Framer React Google Fonts

Photography-led Grain / texture Swiss grid Dark tech FAQ accordion Logo cloud Review badges Smooth scroll Split screen

Also: Hotjar, Google Tag Manager, Fathom, Google Analytics

Design DNA

Deep brown-black page with thin amber grid lines outlining every cell, a clean grotesk for headlines, mono for labels and buttons, and a saturated amber accent for buttons and product names. The hero is a warm Martian landscape with a lone astronaut. Integrations sit in bordered cells. A pixelated dither edge frames a large CEO quote. Two product blocks split a light UI screenshot and a red desert image. A two-column terminal-style quickstart, an FAQ with amber plus icons, a dual CTA and a grid footer close it.

Worth borrowing

Draw the page as a visible cell grid with thin accent lines so every block feels like a terminal pane.
Use one cinematic landscape series as the brand imagery across hero and product blocks.
Fade block edges into a pixel dither pattern instead of a gradient.