Jy Design System

"As a strictly designed grammar, the system allows free, playful application... This is comparable to ball games or chess, where fixed elements and an agreed set of rules allow playful freedom."

Otl Aicher

This design system is based on a boldly minimalist aesthetic meant to elevate content by de-emphasizing its container. It's inspired by the design of museums, where unadorned space enhances focus on the art to stand on its own.

Since there is a variety of styles, content, and concepts presented, this system needs to support the work with continuity and a cohesive structural language. The design language also needs to be flexible enough to support various form factors, sizes, and conditions.

Based on these criteria, the elements and presentation are based on Swiss Design principles and methods. Swiss Design, also known as the International Typographic Style, emerged in Switzerland during the 1950s as a revolutionary approach to visual communication.

Pioneered by designers like Josef Müller-Brockmann, Max Bill, and Armin Hofmann at schools in Zürich and Basel, this movement rejected decorative excess in favor of mathematical grids, sans-serif typography, and asymmetrical layouts that prioritized clarity and objectivity.

Swiss Design's defining characteristics include rigorous adherence to grid systems, ample white space, striking photographic imagery instead of illustrations, and typography treated as both a functional and aesthetic element.

Release Notes

Enhanced accessibility standards, comprehensive component documentation, and improved user experience.

Initial release with core design system components.

Major update with typography system, components, and guidelines.

v0.1

Alpha version with basic building blocks