Threads

Threads presents a clean, content-focused interface with a monochrome palette dominating the visual space. It leverages subtle gray tones for surface distinction and borders, emphasizing user-generated content and interactions. Typography is compact and functional, primarily rendered in black for high contrast against a light background. A single vibrant violet accent color is reserved for active states, links, and outlining interactive elements, acting as the primary point of brand expression. Use 'Canvas White' (#fafafa) as the dominant background for all major content areas. Apply 'Text Black' (#000000) for all primary text and main headings to ensure maximum contrast. Reserve 'Active Violet' (#385898) strictly for interactive elements such as primary action borders, links, or active/brand states. Utilize ghost buttons with a 1000px (pill) border radius for almost all interactive elements, except for the explicit 'Log in' button. Ensure all major cards and content sections have an 8px border radius, or 18px for feed posts for a softer appearance. Maintain a compact visual density, relying on minimal padding and tight element gaps, with a base unit of 4px. Employ system-ui for all typography to maintain a native feel and prioritize legibility and performance. Do not use saturated colors for large background areas or extensive design elements; color should be used sparingly for accent. Avoid heavy shadows for elevation; subtle, almost imperceptible shadows are preferred, if any. Do not introduce additional font families; restrict typography to system-ui to preserve consistency. Refrain from using strong borders or dividers between content sections; rely on spacing and subtle background differences for hierarchy. Do not clutter the layout with excessive imagery or complex graphical elements; content should remain the focal point. Avoid large, impactful headlines; typography generally remains smaller and more understated. Do not deviate from the established radii, especially the 1000px for buttons and 8px/18px for cards, as this is a key visual identifier.