Hex

Hex

Finally — anyone can explore data using natural language, with or without code, on trusted context, in one integrated platform.

4.0
17
Visits
Visit

Available Pages

Design Analysis

Hex Home design analysis

--- version: alpha name: Precision Notebook Grid description: Paper-toned analytics marketing with editorial display type, square CTAs, and layered product-window storytelling. colors: primary: " 8F7AE6" secondary: " E5C...

Overview

Build this system as a calm paper field with strong editorial punctuation. The key move is contrast: oversized italic display language floats above dense, believable product windows. The page should feel exact and technical, but never clinical. Every section needs room to breathe, and every major media object should feel framed rather than merely dropped into the page. Use dark inversion intentionally. When a section shifts into charcoal, keep the structure identical to the light mode and let blush wire lines, white copy, and a few mint or lilac accents carry the change. The inversion should feel like a deliberate editorial chapter break, not a different product.

Image Direction

Treat product media as composed interface still life. Use one dominant notebook or dashboard frame, then overlap one or two supporting windows with clear depth order. Charts, tables, and assistants should look plausible and legible at a glance. Keep shadows soft, crops precise, and surrounding negative space generous so the interface collage remains the hero.

Colors

The default background is warm ivory rather than stark white. Pair it with ink-dark headlines and muted plum body copy. Use blush for structural borders and fine rule work, lilac for analytical emphasis, and mint only for positive signals such as checks or success states. Keep the accent palette sparse. Large floods of lilac or mint break the system. Most of the page should read as paper, white frame, charcoal, and linework.

Typography

Reserve the display face for the biggest editorial phrases and let it sweep across the layout. It should feel high-contrast and elongated, often mixing italic rhythm with crisp sans or mono support nearby. Supporting headlines can move into a neutral sans when the page becomes denser. Body copy should stay technical and even. Use mono labels for tickers, announcement bars, and fine-grain support copy, not for main paragraphs. The page should feel like editorial language sitting on top of a product operating grid.

SpacePlay/PauseSeek 1sShiftSeek 10s