Arcfield Analytics
Arcfield Analytics
Arcfield Analytics needed a conversion-focused Framer site that explains the platform in under 30 seconds and moves ops teams toward a demo request. The scope was to define the messaging hierarchy, design a hero + product-tour flow, and build a pricing and “Request demo” funnel that feels enterprise-credible—grounded in real SRE/DevOps language (SLA risk, incident recurrence, MTTR) while staying clean, fast, and easy to scan.
Arcfield Analytics needed a conversion-focused Framer site that explains the platform in under 30 seconds and moves ops teams toward a demo request. The scope was to define the messaging hierarchy, design a hero + product-tour flow, and build a pricing and “Request demo” funnel that feels enterprise-credible—grounded in real SRE/DevOps language (SLA risk, incident recurrence, MTTR) while staying clean, fast, and easy to scan.
Typography
Typography
Typography was treated as a functional layer—clarity first, character second. Apfel Grotesk anchors the headers with sharp geometry and confident weight, giving Arcfield a technical, “ops-grade” voice without feeling generic or overly corporate. Albert Sans supports subheads and body copy for its open shapes and high legibility at smaller sizes, keeping dense concepts (SLA risk, incident recurrence, MTTR) readable and calm. Together, the pairing creates a clean hierarchy: Apfel sets the cadence and authority, while Albert carries explanation text with minimal visual noise.
Typography was treated as a functional layer—clarity first, character second. Apfel Grotesk anchors the headers with sharp geometry and confident weight, giving Arcfield a technical, “ops-grade” voice without feeling generic or overly corporate. Albert Sans supports subheads and body copy for its open shapes and high legibility at smaller sizes, keeping dense concepts (SLA risk, incident recurrence, MTTR) readable and calm. Together, the pairing creates a clean hierarchy: Apfel sets the cadence and authority, while Albert carries explanation text with minimal visual noise.
Apfel Grotezk
Used for hero statements, section titles, key metrics, and UI anchors
Albert Sans
Used for paragraphs, labels, form fields, tooltips, and captions—optimized for long-form readability and quick scanning.
Color System
Color System
Color is treated as a functional layer—designed to support clarity, hierarchy, and fast scanning in data-dense screens. The interface relies on a restrained set of core tones to keep layouts calm and readable, with subtle contrast steps to separate surfaces, establish elevation, and guide the eye through complex content. Accent usage is intentionally limited to primary actions, interactive states, and key highlights so attention is directed only where it matters.
Color is treated as a functional layer—designed to support clarity, hierarchy, and fast scanning in data-dense screens. The interface relies on a restrained set of core tones to keep layouts calm and readable, with subtle contrast steps to separate surfaces, establish elevation, and guide the eye through complex content. Accent usage is intentionally limited to primary actions, interactive states, and key highlights so attention is directed only where it matters.
#781000
#C93600
#878787
Screenshots
Screenshots
