Jordan Delcros

Reference it for

• The loader as the brand: 10px Bebas tracking copy + thin grey rule + endless progress = the personality, not the page that follows
• Bouncy overshoot easing as the only easing — cubic-bezier(0.34, 1.56, 0.64, 1) across all 5 captured transitions
• One webfont, one display family — Bebas Neue carries every UPPERCASE label, no body display
• Near-pure-black page at rgb(0, 0, 0) with body text at rgba(255, 255, 255, 0.87) (Vue default kept honest)
• Tiny surface area: 6 network requests, 1 stylesheet, 2 scripts, 1 woff2 — the entire portfolio
• Vue without a router or generator — single-page, hand-rolled, no Nuxt
• Custom canvas + inline SVG — bespoke graphics, zero stock illustration
• Self-aware copy as the brand voice — "Converting sarcasm into speed" instead of "Loading…"

Do not copy

• The "Converting sarcasm into speed" loader copy verbatim — it's the joke of the site
• Bebas Neue as a sole display font for a brand that has any opinion about typography (it's a 2010s creative-dev cliché)
• The rgba(255, 255, 255, 0.87) body-text alpha — that's the Vite/Vue starter default, not a deliberate token
• A single-overshoot easing applied to literally every transition — works for a portfolio, breaks at product complexity
• The 250px hard-coded button width or the matrix(1, 0, 0, 1, -150, -2.5) magic offsets
• A loader that gates the whole experience — only justifiable for a one-page portfolio