Algo

Item: Algo
Rating: 7.2

Motion studio whose Figma plug-in lets design teams animate brand templates into videos.

7.2/10MABTU rating

DESKTOP · 1440 × 11,332/figma ↗

MOBILE · 390

Section outline · Home

01header130
02heroAlgo inside Figma774
03content1898
04contentTry it with demo animations by our team129
05features grid1,016
06testimonials510
07features grid1,016
08content131
09content272
10content685
11content136
12features grid531
13stepsA simple setup process1,743
14faq490
15form362
16features gridAlgo is a data-viz407
17cta130

Rating · Home

Visual design7.6

UX & clarity7.0

Originality7.9

Craft & consistency7.2

Motion7.0

Performance & a11y6.0

Main colours

Dark·black background·vivid

Typography

Circular Air Proheading · sans · self-hosted Circular Air Probody · sans · self-hosted

Stack & style

Framer Lottie React Google Fonts

Bold typography Playful 3D Rounded / soft Custom cursor FAQ accordion Process steps Testimonial slider

Also: Google Analytics

Design DNA

Pure black page with a giant white grotesque headline ("Algo inside Figma") broken up by floating 3D candy shapes in pink, yellow, blue and orange. Content sits in thin white-outlined rounded bars that act as section labels (Motion Systems, Social Media, Pricing, Setup) with a small caption on the right. Work samples run in horizontal rows of saturated rounded tiles; pricing uses pastel pink, lilac and yellow cards with black pill buttons; the setup process is a 3x2 grid of green-outlined cards with wireframe ring icons. A yellow newsletter band and a small footer close it.

Worth borrowing

Use thin outlined full-width bars with title left and caption right as section dividers on a dark page.
Set pricing tiers as flat pastel cards (pink, lilac, yellow) with small black pill buttons against black.
Draw process steps as numbered outlined cards with a single-colour wireframe icon each.