Vectary

This design evokes a feeling of structured clarity and restrained energy. The almost monochromatic palette, dominated by deep grays and stark white, creates a serious and direct atmosphere. A single vivid violet accent color, used sparingly, cuts through the neutrality, acting as a precise digital highlight. Sharp corners prevail, reinforcing a sense of precision and modern utility, with only minor softening for interactive elements. Prioritize Alabaster White (#ffffff) for all main page backgrounds to maintain visual spaciousness. Use Midnight Graphite (#252525) for all primary text elements, including large headings and bolded content. Apply Vectary Violet (#6100ff) exclusively for primary interactive elements, such as CTA buttons, to maximize its impact. Ensure all headings use Inter font with appropriate negative letter spacing: '-0.039em' for 83px, '-0.034em' for 26px, and '-0.030em' for 22px. Maintain 8px radius for all buttons that are not purely navigation links. Utilize a base unit of 6px for managing vertical and horizontal spacing, resulting in 6px, 9px, 10px, 16px, 20px, 30px, 53px, and 60px increments. Employ Midtone Gray (#595959) for body text and Muted Silver (#949494) for less emphasized text like timestamps or secondary links to create clear information hierarchy. Avoid using multiple chromatic colors; limit accents strictly to Vectary Violet (#6100ff) and its gradient variant. Do not use dark backgrounds for entire sections unless it's a specific brand feature or navigation bar; reserve Alabaster White for overall page content. Do not introduce additional border radii beyond 8px for buttons and elements, or 0px for navigation items. Avoid generic system fonts; always specify Inter with its defined weights and letter spacing for all text. Do not use box shadows or other elevation effects; rely on color and spacing hierarchy to convey depth. Do not deviate from the defined spacing tokens; avoid arbitrary padding or margins. Never use bold (weight 700) for body text; reserve it for headings or specific emphasis points to maintain visual clarity.