Kafka

Item: Kafka
Rating: 6.9

Framer template for law firms and notary practices.

A Framer Marketplace template by Jamik. Its words and photos are demo content.

Live preview Get this template Save page

6.9/10MABTU rating

DESKTOP · 1440 × 11,931/ ↗

MOBILE · 390

Section outline · Home

01heroDark contract-signing photo with white serif-free headline900
02logosSix greyscale client marks in one row293
03aboutTwo-tone paragraph block, right-aligned column530
04servicesRows 001-004 with square thumbnails and descriptions1,741
05statsFour hairline stat rows beside a meeting photo1,364
06processDark card with four labelled stages and a photo1,155
07casesStaggered project images with year and practice labels3,576
08testimonialSingle quote beside a portrait photograph915
09faqSticky heading beside a five-item accordion484
10footerDark footer with a numbered 001-005 menu, wordmark band973

Rating · Home

Visual design7.4

UX & clarity7.0

Originality6.6

Craft & consistency6.3

Motion6.0

Performance & a11y9.0

This page scores 7.1; the site score weights the home page double.

Main colours

Mixed sections·black background·mono

Typography

Schibsted Groteskheading · sans · google Schibsted Groteskbody · sans · google

Stack & style

Framer React Google Fonts

Minimal Editorial Corporate / clean Photography-led Swiss grid FAQ accordion Hero video Logo cloud Marquee Process steps Stats band Sticky header

Design DNA

Template: warm off-white #F4F2EE with black type and a trademark-marked wordmark (KAFKA™). Paragraphs are set two-tone — the first clause black, the rest mid-grey — which gives the copy a pull-quote rhythm without changing size. Services are numbered 001-004 rows with a small square thumbnail, title and description on one hairline-divided line. The case gallery staggers images left and right with year and practice-area micro labels in the gutters. A dark process block, a plain accordion and a numbered footer menu close; a black band sets the wordmark beside a photo.

Worth borrowing

Set the first clause of each paragraph in black and the remainder in grey to build hierarchy without size changes.
Number the services 001-004 and give each a small square thumbnail on a hairline row.
Stagger case-study images left and right with year and practice-area labels in the gutter.