Sylvain Girard

Design Engineer

Melbourne, Australia

Hi, I'm Sylvain Girard — a Design Engineer blending systems thinking, frontend craft, and motion detail to build cohesive brand and product experiences. I build token-driven design systems and interfaces that bring clarity, consistency, and emotion across platforms — from Webflow marketing sites to AI-enabled tools. Currently a Senior Digital Designer at IGNITE — Webflow sites and AI tools for clients and the internal team. Alongside this, freelance 3D and motion work brings products to life for fashion brands.

Get comfy, choose your theme

Send a messageHi Sylvain,

Melbourne

Light rain

32°C

Journal

CSS · Layout
Content that sizes itself
CSS · Components
Querying a component state
CSS · Navigation
Navigation that follows the scroll
CSS · Positioning
Anchored content that knows when to hide
CSS · Values
Branching and progress in CSS
CSS · Patterns
Counting siblings in CSS
CSS · Patterns
Randomness in CSS
CSS · Scrolling
A stateful scroll surface
CSS · HTML
Typed HTML attributes in CSS
CSS · Layout
Layout primitives in CSS
CSS · Colour
Colour relationships in CSS
CSS · Controls
Styling a native select
CSS · Components
Shapes and CSS functions
CSS · Interaction
Placement and scoped transitions
CSS · Colour
A colour axis with contrast
CSS · Geometry
Geometry with CSS
CSS · Shape
Shaping corners with superellipses

6:23PMAEDT

Work

36 Days of Type
Image Suite
3D Work

Theme

Hue0°Lightness94%Chroma0.000Contrast50%Radius12

High contrast

One OKLCH base generates the surfaces; text colours are solved per surface for contrast. Try the colour study.

Theme

Hue0°Lightness94%Chroma0.000Contrast50%Radius12

High contrast

Back to launcher