TakeControl website design

How it’s built

Layout: A pale gray background holds a centered narrow header capsule with logo, language control and download action. Below a small award badge, a large centered three-line heading and supporting paragraph form a compact text stack, followed by two dark rounded platform buttons. The top of a phone mockup enters from the bottom edge, leaving generous space between CTA and product preview.
Type: Large black sans-serif heading centered over smaller gray supporting copy. The wordmark is bold and compact; the award badge and platform labels are much smaller. Exact font metrics are unknown from this gallery image.
Color and surface: Light cool-gray page, white header capsule, black headline and pill buttons, muted gray copy, and a small warm orange logo mark. Phone frame is black. Surfaces are softly separated by subtle shadows and rounded corners.
Components: Floating header capsule, award marker, centered value proposition and description, two platform CTAs, and partially visible phone preview.

What makes it work

Centered concise value proposition
Supporting explanation directly below
Prominent platform actions
Product preview following the hero

On a new subjectIntroduce a tool with a centered benefit and short explanation, make the next action obvious, then show the product interface below. Replace expense-management language and marks with details for an unrelated tool or service.