CURATED · OPEN · FREE

Convex

A prime example of modern developer tools design, blending editorial warmth with the focused, dark-themed utility of professional code interfaces.

devtools backend
Convex screenshot

Visit: https://convex.dev

Open in OpenDesign

Design DNA

Visual language

A sophisticated split palette combining a warm, light cream main surface with deep, dark gray component areas for a high-contrast developer aesthetic.

Layout structure

Asymmetrical split-screen hero layout with a large editorial text block on the left and a dark-themed interactive code editor on the right.

Interaction shape

Smooth 150ms transitions on hover states for buttons and navigation links, with subtle color shifts using cubic-bezier easing.

Motion rules

Minimal but precise motion with fast micro-interactions for UI feedback and subtle gradient animations in the background.

en · zh-CN · zh-TW · ja · ko