Visual language and design foundations used in this portfolio. For technical component documentation, see the Storybook.
Font weight animation for the main name. Font family: Satoshi.
Section title with highlighted letter in accent color. Font family: Stardom.
MorphShape with continuous animation between circle and triangle.
MorphShape that animates when the button is pressed.
Spacing scale based on the golden ratio (1.618).
flex-direction: row. Lateral aside.
Smaller title (4.05rem ≈ 65px).
flex-direction: column. Aside on top.
No animations. Static shape.
Layout flex row. Text on the left (30ch), image on the right (order: 1). Element gap: 2rem.
Image first (order: 0), text below. Text takes 100% width (max 32ch). Reduced gap to 1rem.
Smaller image (max 250px), order: 1. padding-block-start: 4dvw to compensate for aside.
Breakpoint ≤900px active: image first, text 100%. Image limited to max 450px.