Logo Lab

Triangle de Penrose — itération pure-SVG vs SVG de référence.

Référence — /images/logo/logo_icon.svg

Illusium reference logo

SVG tracé par vtracer à partir du PNG original. C'est la cible visuelle à reproduire.

Aperçu détaillé — P — Sweep rare aléatoire + "i" holo

Illusium

Variantes côte à côte

Illusium

P — Sweep rare aléatoire + "i" holo

Deux sweeps superposés à périodes co-primes (11s / 17s) — leurs intersections ne se synchronisent jamais, rythme perçu comme aléatoire. "i" holo chromatique 3 couches (violet, cyan, blanc) plus petit (38%) au centre.

Illusium

M — Triangle + orbe Penrose

Un orbe lumineux suit le contour extérieur du triangle en boucle infinie. La lumière ne s'arrête jamais — exactement comme le paradoxe Penrose. Halo jaune + cœur blanc, mix-blend screen.

Illusium

N — Triangle 3D wobble + glow chromatique

Le triangle oscille en perspective 3D (±14°) sans jamais "résoudre" l'illusion. Glow cycle jaune → violet → cyan en sync.

Illusium

O — Triangle + sweep lumineux diagonal

Bande brillante diagonale qui traverse le triangle en boucle, masquée par le SVG (la lumière ne touche que les arêtes jaunes). Style chrome poli premium.

Illusium

K — Logo officiel + "i" néon SVG

"i" dessiné en SVG (rect + cercle) avec triple glow jaune/cyan façon enseigne lumineuse. Lisibilité maximale + flicker subtil.

Illusium

L — Logo officiel + "i" holo chromatique

"i" superposé en 3 couches (violet, cyan, blanc) avec aberration RGB animée. Identité optique-illusion.

Illusiumi

I — Logo officiel + "i" blanc (prod)

Le SVG de marque (logo_icon.svg) tel quel + un "i" blanc centré (Space Grotesk). C'est ce qui est utilisé en prod dans le header + l'intro. Glow renforcé (jaune + accent cyan).

H — Officiel (paths utilisateur)

Paths SVG du CodePen + palette Illusium + "i" central à la place du spinner.

A — Stroke pur

Trois barres outlinées. Le plus fidèle au logo officiel.

B — Aplat 3 nuances

Triangle plein, 3 nuances pour la profondeur impossible.

C — Gradient holographique

Dégradé jaune → violet/cyan sur chaque face.

D — Wireframe

Arêtes uniquement, style plan technique.

E — Dessin animé

Le triangle se trace au load via stroke-dasharray.

F — Halo + spinner

Triangle gradient, halo pulsant et spinner radial décoratif.

G — Halo + "i" animé

Palette Illusium (jaune/violet) + "i" central qui se dessine et clignote.

Modifie une variante directement dans components/Penrose*.vue et la HMR reflète le changement ici. Tests E2E : tests/e2e/logo-lab.spec.ts.