Stark

Stark

Preview image. Unlock full-res

Vivid Purple Actuator

Industrysaas
Palette
#10284b
#381fd1
#99d6cc
#fedb63
#e5e0ff
#faf5ff
#ffffff
#e5e7eb
#000000
#f6f6eb

Stark employs a clean, purposeful aesthetic built around a vivid purple accent against a largely achromatic backdrop. Its visual language prioritizes clear communication through robust typography and generous spacing, allowing functional elements to stand out. Component surfaces are light, with subtle shadow usage, focusing on content over heavy decoration. The overall impression is one of efficiency and directness, with the purple acting as a focused 'activate' signal. Use Stark Violet (#381fd1) exclusively for primary interactive actions or key brand accents to ensure focus. Apply ArminGrotesk weight 900 for all main headings (display, heading-lg) to convey impact. Maintain a clear visual hierarchy by utilizing Midnight Ink (#10284b) for primary text and Carbon Black (#000000) for secondary or supporting text. Employ Outline Gray (#e5e7eb) for all hairline borders and dividers to maintain a light, open aesthetic. Use a consistent border-radius of 6px for interactive buttons and 12px for content cards, reserving 40px for larger, decorative cards. Ensure generous spacing around content with sections separated by 48px and card content padded by 24px. Pair Stark Gold (#fedb63) with Midnight Ink (#10284b) text for secondary call-to-action buttons, creating a vibrant contrast. Do not use saturated colors for large background areas unless it is the hero section utilizing Stark Violet (#381fd1). Avoid arbitrary use of shadows; most cards and surfaces should remain flat or use very subtle elevation, as indicated by the absence of explicit shadow tokens. Do not introduce new typefaces; rely solely on ArminGrotesk and RobotoMono for all typographic needs. Refrain from using more than two distinct accent colors on a single screen to prevent visual clutter and maintain focus on Stark Violet. Do not break the established spacing rhythm; for example, avoid small, inconsistent element gaps other than the default 8px. Do not use generic gray tones when specific neutral tints like Linen Canvas (#faf5ff) or Bone White (#f6f6eb) are available for surfaces and muted text. Avoid applying strong gradients unless they are the specific linear-gradient patterns using Stark Gold or Stark Violet against transparent backgrounds for decorative purposes.

More like this