Teta

Item: Teta
Rating: 7.9

AI tutor for learning spoken Egyptian Arabic through conversation.

getteta.com Save page

7.9/10MABTU rating

Home

DESKTOP · 1440 × 2,981/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline, email capture, interactive tutor card with phrase tiles876
02featuresThree tilted polaroid and note cards with short captions417
03processForest-green band, three numbered steps, mustard button609
04ctaLetter-on-envelope signup card with stamp692
05footerWordmark, privacy and pause motion links165

Rating · Home

Visual design8.2

UX & clarity7.8

Originality8.4

Craft & consistency8.2

Motion6.0

Performance & a11y7.7

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

Main colours

Light·cream background·muted

Typography

Frauncesheading · serif · google Readexbody · font · self-hosted

Stack & style

Minimal Editorial Illustration-led Rounded / soft Sticky header Process steps

Also: Cloudflare

Design DNA

Cream paper background with a soft transitional serif for headlines, the last words tinted olive green, and a small grotesk for body. The hero pairs a left headline and pill email field with a mustard button against an interactive card: an illustrated grandmother, an Arabic speech bubble with transliteration, three pastel phrase tiles and a dark 'Surprise me' bar. Three tilted polaroid and note cards explain benefits, a deep forest-green band lists three numbered steps, and the closing signup is a letter on an envelope with a postage stamp.

Worth borrowing

Make the hero demo a playable card: character, phrase bubble and three tappable phrase tiles.
Render the final signup as a letter sliding out of an envelope with a stamp portrait.
Illustrate benefits with slightly rotated polaroids and handwritten notes instead of icons.