Basic.Space

Basic.Space presents a stark, almost utilitarian aesthetic, building on a foundation of pure achromatic neutrals. The design is characterized by crisp lines, minimal ornamentation, and a compact, information-dense display of products. Typography is consistently dark and primary, creating a strong contrast against the light canvas, while interactive elements are subtly defined by thin borders and precise spacing rather than bold color accents. Prioritize Inkwell (#000000) for all main text and Canvas Fog (#ebebeb) for backgrounds and subtle borders, establishing the core monochrome palette. Use 9999px border radius for all buttons and small interactive elements to create a pill-like, contained appearance. Apply 2px border radius to product cards and images to provide a consistent, slight softening of edges. Maintain high visual contrast for text by almost exclusively using Inkwell (#000000) on light backgrounds like Pure White (#ffffff), Subtle Ash (#f7f7f7), or Canvas Fog (#ebebeb). Employ the FTBasicSpace font consistently across all typographic elements, leveraging its different weights (400, 500, 600) to create hierarchy. Utilize 4px as the foundational unit for inner element spacing and padding to ensure compact visual density. Reserve Electric Blue (#007aff) for functional accents such as app download banners or interactive highlights, avoiding decorative overuse. Do not introduce highly saturated colors for primary UI elements; adhere strictly to the achromatic palette with minimal Electric Blue accents. Avoid heavy shadows or gradients; rely on clean borders and subtle background shifts to define UI layers. Do not deviate from the specified border radii; maintain 9999px for buttons, 2px for cards, and 16px for inputs. Refrain from using varied typefaces or decorative font styles; FTBasicSpace covers all typographic needs. Do not use large, wide spacing for elements or sections; the system favors a compact, information-dense layout. Avoid complex, multi-layered components; keep interactive elements simple with clear, minimal styling. Do not use more than 1px border thickness; the system relies on hairline definitions for structure.