ThoughtLab

ThoughtLab's design system evokes a dark, cerebral command center. Bold typography punches through deep black backgrounds, while a singular vibrant red accent highlights critical calls-to-action. The spatial experience is generous, allowing components to breathe within wide page margins, contributing to an atmosphere of focused, high-stakes digital experience. Use Midnight Black (#000000) as the primary background color for all main sections and canvases. Apply Action Red (#fc1c46) exclusively for primary action buttons, ensuring a visible contrast and clear hierarchy. Implement the sui font family with a letter-spacing of -0.0670em for all 'display' and 'heading-lg' roles to maintain a tight, impactful visual. Utilize a full pill radius of 9999px for all buttons to reinforce a consistent, distinctive shape. Maintain generous vertical spacing between sections, defaulting to 65px as a section gap to create an open and spacious feel. Employ Ghost White (#cccccc) for primary text elements against dark backgrounds. Employ transparent cards with no visible borders or shadows to maintain flat product surfaces. Do not use accent colors for descriptive text or non-interactive elements; reserve them for direct action. Avoid applying heavy shadows or complex elevation to components, as the system favors a flat, minimalist aesthetic. Do not vary border radii across buttons; all interactive buttons should adhere to the 9999px pill shape. Do not use letter-spacing on small body text unless explicitly defined in the type scale to avoid readability issues. Do not introduce additional bold text weights beyond 700; the system relies on lighter weights for authority. Avoid adding unnecessary decorative borders or fills to cards; they should maintain a transparent, subtle presence. Do not use tight spatial arrangements; ensure all elements have sufficient breathing room guided by the 9px element gap.