Apollo

Apollo

Preview image. Unlock full-res

Yellow-green spotlight on warm concrete.

Industrysaas
Palette
#f7f5f2
#e5e7eb
#ccc9c6
#000000
#1a1a1a
#47423d
#736f6c
#94918e
#ffffff
#ebf212
#f8ff2c
#3f3653

Apollo presents a refined, almost austere, sales platform aesthetic. It combines a warm off-white canvas with stark black typography and a single, vibrant yellow-green accent that acts as a beacon for primary actions. Surfaces are clean and unblemished, focusing user attention on content and functionality, complemented by subtle, tactile border treatments rather than heavy shadows. The overall impression is one of grounded efficiency and direct communication. Use Ash Gray (#ccc9c6) for section backgrounds and navigation bars to provide discrete visual breaks. Apply Apollo Gold (#ebf212) exclusively to primary calls to action to maintain its impact and direct user focus. Set primary headings in Season Mix, weight 550, with tight letter spacing of -0.0100em for a powerful yet composed presence. Divide content using Subtle Gray (#e5e7eb) hairline borders or sections backgrounds rather than pronounced shadows or thick lines. Employ Soehne font for all body text and interactive elements, ensuring legibility with its specified letter spacing of 0.0090em. Frame all interactive elements and most content cards with an 8px border-radius for a consistent, soft edge. Utilize Crisp White (#ffffff) for card backgrounds against the off-white canvas to create subtle layering and separation. Avoid arbitrary use of Accent Green (#f8ff2c); reserve it for decorative purposes or very specific highlights, not primary actions. Do not introduce additional bold or semibold weights for Soehne; its 400 weight is sufficient for the system's intended clarity. Refrain from using hard shadows; elevation should be achieved through background color shifts and subtle borders. Do not deviate from the established typography's letter spacing; the specific tracking is core to the brand's visual tone. Avoid full-bleed sections that extend edge-to-edge if they contain primary content; content should be comfortably within a defined width. Do not use multiple accent colors; Apollo Gold (#ebf212) should be the single vibrant highlight. Do not apply padding indiscriminately; follow the structured spacing tokens: 8px for minimal element gaps, 24px for card padding, and 40px for section gaps.

More like this