Ditto

Item: Ditto
Rating: 7.2

Offline-first mobile database with peer-to-peer sync for edge devices.

7.2/10MABTU rating

In the NewsLearn More

Other

DESKTOP · 1440 × 9,557/ ↗

MOBILE · 390

Section outline · Home

01heroLarge two-tone headline, lime and text buttons, logos and SDK card
02featuresCopy list beside P2P sync wireframe diagram1,024
03testimonialGrey card with quote and video still730
04tabsVertical tab list beside phone wireframe illustrations1,844
05testimonialsB/w portrait, large quote, slider arrows800
06featuresFramework icons and dark code window1,434
07feature highlightBlack card with circular diagram
08featuresTwo-column icon list of eight features
09ctaBlack centred card with two buttons

Rating · Home

Visual design7.5

UX & clarity7.2

Originality7.0

Craft & consistency7.4

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·mono

Typography

Kairos Sansheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

GSAP GSAP ScrollTrigger Webflow Google Fonts jQuery

Minimal Sharp / geometric Swiss grid Floating CTA Live chat Logo cloud Process steps Sticky header Tabs Testimonial slider

Also: Google Tag Manager, HubSpot, Cloudflare, Meta Pixel, Google Analytics

Design DNA

White and very light grey page with a light-weight grotesk. The hero headline runs black for two lines, then pale grey for 'Servers & Cloud Optional.' Buttons are small uppercase mono labels, the primary filled lime-yellow with a black arrow chip. Wireframe diagrams of P2P sync carry lime tick badges. Then: a quote card with a video still, a 'The Tech' tab list with greyed inactive items beside phone wireframes, success stories with a b/w portrait, framework icons beside a dark code window, and black cards for architecture and the final CTA.

Worth borrowing

A two-tone hero headline: the statement in black, the provocative qualifier in pale grey.
Lime tick badges on grey wireframe device diagrams to show sync status.
Uppercase mono buttons with a separate square arrow chip.