Tux & Karma

Item: Tux & Karma
Rating: 7.6

Creative teams working for social, racial and climate justice.

tuxkarma.co Save page

7.6/10MABTU rating

Home

FAQ

Notre mission

Notre démarche

DESKTOP · 1440 × 7,747/ ↗

MOBILE · 390

Section outline · Home

01hero900
02features gridDéfendre les droits 2SLGBTQIA+: notre partenariat avec Rainbow Railroad1,406
03features gridGéorgie Poseida et TUX Karma présentent : le « Break the Internet Kiki Ball »1,401
04features gridMatière Infinie — Et les déchets plastique deviennent design1,602
05features gridBELI — Par et pour les leaders Noir.e.s de demain1,399
06content900
07footer799
08content900

Rating · Home

Visual design7.6

UX & clarity7.0

Originality8.0

Craft & consistency7.2

Motion7.0

Performance & a11y9.0

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

Main colours

Mixed sections·white background·vivid

Typography

Neue Montrealheading · sans · self-hosted Neue Montrealbody · sans · self-hosted

Stack & style

WordPress Lenis Three.js WebGL canvas

Bold typography Editorial Gradient-heavy Floating CTA Hamburger-only nav Parallax Smooth scroll Sticky header Transparent header

Also: Google Analytics

Design DNA

A black stage with a blurred magenta-to-violet gradient behind a heavy geometric logo opens the page. Each initiative then arrives as a white card whose left third is a giant three-letter abbreviation (KRR, BTI, PRI, BPV) in a very heavy grotesk, with the full title in caps to its right, a French paragraph below and a small pill Découvrir button. Photographs are masked into soft organic blob shapes rather than rectangles. A dark rail on the left tracks project status with a progress bar and Participer, Partager and Donner links; the footer sets two huge outlined ovals as the primary actions.

Worth borrowing

Lead each project card with a three-letter abbreviation set huge as the visual anchor.
Mask documentary photography into soft blob shapes so a black page stays warm.
Keep a left rail showing project status, progress and three share or donate actions.