Silencio

This design system evokes a sense of stark, intellectual minimalism, like text on archival paper. The near-exclusive use of achromatic colors combined with extremely tight letter spacing and ultra-light font weights creates a unique atmosphere of quiet authority. Interactions are marked by subtle inversions of the monochrome palette rather than vibrant accents, directing focus with understated precision. The overall impression is one of serious, almost academic rigor, where content takes absolute precedence. Prioritize Canvas White (#FFFFFF) and Ink Black (#000000) for high-contrast pairs, achieving AAA contrast. Use Paper Gray (#DBDAD9) sparingly for subtle background offsets or non-interactive element fills. Apply HaasT at 141px with weight 100 and line-height 0.9 for all display-level headings, breaking lines creatively for visual impact. Maintain a default border-radius of 7.2px for most container elements. Ensure all interactive buttons utilize a 129.6px border-radius, creating an exaggerated pill shape. Use PT Mono, 11px, weight 400 for any technical or metadata text. Employ the Subtle Fade gradient from #DBDAD9 to #FFFFFF for background transitions to introduce soft, material depth. Avoid introducing any chromatic colors; the system is strictly achromatic. Do not use explicit padding on buttons; their shape and content are implicitly spaced by the surrounding layout. Never use HaasR at 39px with weight 100; it's a 700 weight for that size. Do not use generic square or slightly rounded buttons; the 129.6px pill shape is a critical brand identifier. Avoid heavy drop shadows or vibrant elevation cues; depth is primarily conveyed through subtle background shifts and gradients. Do not use letter spacing variations unless explicitly defined for display type; stick to 'normal' for body and subheadings. Do not break the strict line-height values for HaasR and HaasT; they are integral to the system's precise feel.