
Preview image. Unlock full-res
typographic canvas, pill-outlined actions
jun.works presents a typographic-centric aesthetic, leveraging bold, custom-designed lettering for primary information and system fonts for supporting details. The design is monochromatic, relying entirely on black on white with precise outlines and very generous radii to define interactive elements. Visual weight is managed through typography and border treatments on otherwise minimal components, creating a stark, high-contrast, text-heavy experience. Interaction elements are defined by rounded pill shapes rather than fills. Prioritize Ink Black (#000000) for all text, borders, and interactive outlines against Canvas White (#ffffff) backgrounds. Apply a 129.6px border-radius to all interactive elements, section tags, and any visually significant blocks to achieve the signature 'pill' aesthetic. Use 'Standard' font for all headings, brand marks, and prominent text elements, leveraging its custom design and tight letter-spacing for graphic impact. Maintain a clear visual hierarchy by strictly adhering to the monochromatic palette, letting typography and outlined shapes guide the eye. Employ consistent 4.5px borders around interactive elements that use the Ink Black color for emphasis. Use 'Times' font for all body copy and secondary information to provide contrast and readability. Utilize 13px as a general minimum vertical spacing between content elements to maintain a comfortable density. Avoid using any fill colors for buttons or interactive states; rely exclusively on Ink Black outlines on Canvas White backgrounds. Do not introduce color accents outside of the established monochromatic palette; color is not a component of brand identity here. Do not use generic or default border-radius values; the 129.6px radius is critical to the brand's visual language. Do not deviate from the specified font families; 'Standard' and 'Times' are fundamental to the system's character. Do not add shadows or elevation effects; the design language is flat and relies on crisp outlines and strong contrast. Avoid excessive imagery or complex background graphics; the focus is on typography and clean UI. Do not use letter-spacing outside the defined values for 'Standard' font; its specific tracking is part of its graphic appeal.









