Usesammy

The Usesammy design system presents a purely functional, no-frills interface with a strong emphasis on content legibility and direct interaction. Its aesthetic is that of a system-level utility, characterized by a minimal achromatic palette, default browser typography, and a single vivid blue accent color primarily for active links and borders. The layout is direct and unadorned, providing a clear window into its underlying data, prioritizing information display over visual embellishment. Use Canvas Ice (#edeff0) as the primary page background color. Apply Text Primary (#000000) for general body text and strong accents, ensuring AAA contrast. Utilize Action Blue (#0047ab) exclusively for interactive elements like links and key borders to denote functionality. Structure information primarily using tables, demarcating cells with 1px solid Border Subtle (#808080). Maintain a default border-radius of 0px for all UI elements, reflecting a sharp, unadorned aesthetic. Employ Lato font across all textual content, adjusting weights between 400 and 700 to establish basic hierarchy. Apply 9px vertical padding and 10px horizontal padding within table cells for a compact data display. Avoid using any chromatic colors other than Action Blue (#0047ab) to maintain the minimalist, functional palette. Do not introduce rounded corners; all elements should maintain sharp, 0px border-radii. Refrain from using shadows or any form of elevation to keep the interface flat and direct. Do not use gradients; all colors should be solid fills. Avoid decorative imagery; content is delivered through data and typography. Do not vary line-height from the default 1.2 across different font sizes, to preserve density. Do not treat Text Primary (#000000) as an interactive color; its role is purely for static text.