
Preview image. Unlock full-res
Academic monograph on a clean desk. Information density without visual clutter, framed by stark black and white.
This system projects an academic, almost clinical, precision with its sparse layout and strict monochrome palette. The design balances significant negative space with dense, information-rich text blocks, reminiscent of a research paper's appendix. Inter's subtle letter-spacing adjustments, especially noticeable at smaller text sizes, carve out readable blocks, contrasting with the bold visual statements of fluid, almost psychedelic, gradients used in portfolio showcases. The singular design choice is the use of perfectly circular 9999px pill buttons, offering the only soft, organic shape in an otherwise angular and purely functional interface. Prioritize 'Ink' (#000000) for all primary text and critical UI elements, ensuring maximum contrast against 'Canvas' (#ffffff). Maintain a maximal radius of 9999px for all interactive buttons or tags, creating a distinct pill shape. Utilize Inter at weight 400 for all typography, adjusting size and letter-spacing (-0.238px to -0.242px) to define hierarchy, not weight variation. Employ 'Graphite' (#737373) specifically for secondary information or subdued interactive states, adhering to its moderate contrast. Adhere to the compact spacing system, using 2px, 4px, 6px, 8px, 12px, 16px, 20px, and 32px increments to create dense but organized layouts. Do not introduce additional font weights or families; Inter 400 is the only typeface. Avoid using saturated colors in the main UI; restrict color to embedded portfolio imagery or gradients. Do not deviate from the pill shape (9999px radius) for buttons; all other elements should retain sharp 0px corners, or very subtle rounding where necessary for images. Do not use generic box shadows or elevation; depth should be created through color contrast and layered gradients within content blocks, not UI chrome. Do not use letter-spacing values outside the established -0.011em to -0.017em range; tight tracking is a signature element.









