People Science
Defining the psychological and behavioral models of high performance.
Style Guide
Use this page to keep ATP pages consistent: calm, premium, readable, business-focused, and built around the pastel system already used across the website.
Main ATP mark
Reflect product mark
Embark product mark
Consult product markWhite#FFFFFF
Panel#F3F2F0
Muted#56616D
Ink#222222
Pastel Green#EDF7ED
Pastel Blue#EAF2FA
Pastel Yellow#FFF7E6
Pastel Pink#F7E8EE
Pastel Purple#F3EBF5
Pastel Peach#FAEBE5
Turn people systems into business performance.
ATP is a people performance platform.
Large text is used for section introductions, proof context, and premium product copy.
Body text should stay calm, concise, and readable. Avoid over-explaining the interface inside the interface.
Small text is used for labels, eyebrow pills, metadata, and captions.
Platform
Capturing continuous signal and delivering insight at scale.
Action
Translating systemic insights into targeted interventions.
Impact
Driving measurable shifts in retention and execution capability.
Impact Story Summary
Leveraging Voice of Employees to Reduce Attrition and Lift Guest NPS
Use a concise summary card to show the problem, the ATP product involved, and the business movement before opening the full case study.
View exampleImagery
Use real teams, workspaces, conversations, dashboards, and customer-facing environments. Avoid fake generated graphics when stock images can support the story.
Spacing
Use generous section spacing and one clear rhythm. Do not stack too many competing boxes in one section.
Radius
Keep cards and panels at 8-10px radius unless the existing component already uses a stronger rule.
Voice
Write in business-outcome language. Avoid generic SaaS hype, filler, and vague claims.
Motion
Use subtle hover movement only. No heavy shadows, bouncing, or decorative animation for serious product sections.
Mobile
Everything must stack cleanly: nav, dropdowns, cards, forms, case-study tables, and summary pages.