System v2.0 Live

THE HOME

OF DESIGN

The definitive encyclopedia of interface aesthetics. Analyze, deconstruct, and generate world-class UI systems.

01 — The Collection

Curated Systems.

Switzerland1950s
HELVETICA

International Style

Design is structure.

Web2019
RAW UI
WARNING

Neo-Brutalism

Ugly by design.

Dribbble2020

Neumorphism

Soft plastic realism.

macOS2021

Glassmorphism

Through the looking glass.

View EncyclopediaAccess 40+ curated design systems.
From Brutalism to Skeuomorphism.
Display • Serif

Editorial.

The elegance of print, reimagined for screens.

Body • Sans

Functional.

Geometric precision for maximum legibility.

Code • Mono

SYSTEM_ROOT

Raw data representation.

02 — Typography

Precision in
Type.

Typography is the voice of design. Explore our curated pairings, optical sizing guides, and modular scales to master the written word.

Serif Systems
Grotesque Sans
Monospaced
Variable Fonts
Explore Type Lab
03 — Chromatic Science

Color, Decoded.

Beyond hex codes. Understand emotion, contrast ratios, and harmony rules.

PrimaryRed 500
SecondaryOrange
NeutralInk
SurfacePaper

AI Palette Gen

Describe a mood ("Rainy Tokyo Night") and generate a production-ready color system instantly.

Launch Tool
04 — Global Standards

Design Systems.

Aa

Human Interface

Cupertino, CA

M3
Card

Material 3

Mountain View, CA

#0F62FE

Enterprise

Armonk, NY

05 — Knowledge

Design Theory.

Gestalt Principles

Law of Proximity, Closure, and Similarity.

The 8pt Grid

Establishing vertical rhythm and consistency.

Optical Adjustments

Why mathematical centering looks wrong.

Fitts Law

Predicting human movement to targets.

AI Design Lab.

Generate assets, analyze styles, and extract palettes using our Gemini-powered engine.

Palette Generator

Create systems from prompts

Layout Analyzer

Coming Soon