Cargo

The design system of santijaramillo.com presents a straightforward, minimalist interface, primarily leveraging default browser styles with carefully selected overrides. Its visual identity is defined by a utilitarian palette of strong achromatic colors and a single vivid blue for active elements and links. Typography relies on system fonts, prioritizing direct communication over decorative flourish. Components are sparse, focusing on direct textual information with minimal visual ornamentation, creating an atmosphere of functional clarity. Use Electric Blue (#0055ff) exclusively for interactive elements and links, keeping it as the sole chromatic element. Prioritize '-apple-system' (or system-ui fallback) at 18px weight 400 for all text to maintain system-native legibility. Apply a general letter-spacing of 0.017em to all text elements for consistent visual density. Maintain a stark contrast between text (Midnight Ink #000000, Slate Gray #999999) and the Arctic White (#ffffff) background. Use 8px for internal element spacing and 15px for padding around content blocks. Ensure all components have default 0px border-radius, reflecting a sharp, direct aesthetic. Do not introduce additional accent colors; Electric Blue (#0055ff) is the only allowed brand accent. Avoid decorative heavy typography; stick to the single font family and its specified weight. Do not use elevation or shadows; rely on clear content separation and typography for hierarchy. Do not vary border-radius; all elements should maintain sharp corners. Do not use gradients or complex background fills; surfaces should remain solid and flat. Avoid using icons or imagery unless they are purely functional and unstyled; the emphasis is on text.