EnneaFlow - Warm Asymmetrical Discovery
A warm, asymmetrical editorial design featuring a high-contrast palette of terracotta, ochre, and charcoal against a soft cream background. Utilizes bold geometric shapes, rotated 45-degree visuals, and sharp angular aesthetics. Ideal for personality assessments, high-end psychology platforms, boutique consultancies, and modern editorial landing pages. Features include vertical progress indicators with connecting lines, oversized brutalist CTA buttons, and layered gradient geometry.
Summary
EnneaFlow is a 'Warm Asymmetrical Discovery' style that combines brutalist layout principles with an organic, earthy color palette. It avoids all rounded edges, opting for a sharp, modern angularity. The design uses heavy typography (DM Sans) and a distinctive 45-degree rotated visual language to create a sense of direction and precision.
Style
The style is defined by its warm-toned color palette (Cream #faf7f2, Terracotta #e07856, Ochre #d4a574) and sharp geometric constraints. Typography pairings include DM Sans for bold, high-impact headings and Inter for clean body text. Visuals are characterized by layered squares rotated at 45 degrees with subtle floating animations and offset hard-drop shadows.
Layout & Structure
The layout uses a 50/50 split on desktop, prioritizing a left-aligned typography stack and a right-aligned layered geometric composition. A distinctive vertical line connects list items to guide the eye.
Navigation
Hero Section
Feature Vertical Stack
Call to Action (Primary)
Footer
Components
Layered 45-Degree Hero Visual
A complex layered geometric arrangement that serves as the visual centerpiece.
The 'Ennea-Line' List
A progress-oriented list component with a connecting spine.