Going™

Going™

Preview image. Unlock full-res

energetic journey on lime

Industryother
Palette
#d7ffc2
#004449
#483cff
#0bff80
#000000
#fffef0

Going employs a vibrant and energetic design system, using a warm lime green as an expansive canvas, punctuated by deep teal text and a striking violet accent for primary actions. The aesthetic feels playful yet authoritative, with soft, rounded corners and sparse, subtle card shadows. Typography is confident and direct, maintaining legibility against varied backgrounds. The overall impression is one of approachable dynamism, steering clear of corporate sterility. Prioritize 'Canvas Lime' (#d7ffc2) as the primary background for full sections and content cards to establish the brand's energetic foundation. Use 'Action Violet' (#483cff) exclusively for primary call-to-action buttons, ensuring high visual impact and clear user intent. Apply a 900px border radius to all interactive buttons and small tags or badges to maintain a soft, approachable, and consistent pill-like shape. Set the main body and link text in 'Teal Ink' (#004449) for optimal readability against both 'Canvas Lime' and 'Paper White' backgrounds. Maintain a spacious feel by using a section gap of 80px between major content blocks. Utilize PP Mori in varying weights (400, 475, 600, 700) to create a clear typographic hierarchy, from subtle body text to bold headlines, adhering to the specified letter-spacing for each size. Incorporate a subtle shadow (rgba(0, 0, 0, 0.04) 0px 2px 8px 0px) on 'Content Cards' to provide a gentle lift without heavy visual weight. Do not introduce additional background or accent colors that deviate from the established palette of 'Canvas Lime', 'Teal Ink', 'Action Violet', and 'Highlight Green'. Avoid sharp corners; all primary UI elements (buttons, cards) should reflect the generous 900px or 24px radii. Do not use multiple, heavy shadows or complex gradients unless explicitly defined in the system; stick to the single, subtle card shadow for elevation. Refrain from using bold type for conversational body text; reserve higher weights for headings and emphasized elements only. Do not deviate from the established 16px element gap and 32px card padding, to maintain the brand's consistent spaciousness. Do not use 'Highlight Green' (#0bff80) as a functional UI element; it is reserved for decorative headline accents. Avoid primary actions that are not 'Action Violet' filled buttons; secondary actions can be outlined or lime-accented, but the main CTA is distinct.

More like this