Samsy
samsy.ninjaThe reference for award-winning single-developer creative portfolios — pure black canvas with a glowing red ninja-creature logomark, glitch-text keyframes, single-font Adobe Typekit minimalism.
Design tokens
- display
- forma-djr-display
- body
- forma-djr-display
- mono
Do / Don't
Reference it for
- Pure black + pure white extreme monochrome (red comes from SVG only)
- Single iconic mark as the entire hero — no headline, no nav, no copy
- Glowing-creature SVG logomark with internal red glow (filter-based)
- forma-djr-display single-font discipline (Adobe Typekit hosted)
- Single weight (400) + single 16px size — most minimal typography in library
- Adobe Typekit (Fonts) integration via use.typekit.net + p.typekit.net
- 5 coordinated glitchWave1-5 keyframes with hashed CSS-Modules naming
- CSS Modules / scoped CSS for keyframe namespacing (Astro / Next.js / Svelte build pattern)
Do not copy
- The samsy red-eyed creature logomark
- The ".ninja" TLD pattern unless brand voice supports it
- The "samsy" name (single-developer brand)
- The Adobe Typekit subscription dependency (Forma DJR Display licence)
- The single-font 16px discipline if the brand needs real content density
- The hashed CSS-Modules keyframe naming pattern (build-tool-specific)
- The Bunny CDN dependency unless brand prefers it specifically
Signature moves
single iconic mark as the entire hero
a glowing-creature SVG logomark with an internal red glow is the whole hero, no headline, no nav, no copy, against a pure-black canvas
single-font single-size minimalism
one display face at a single weight (400) and a single 16px size, the most minimal typography in the library, with 0 box-shadows, 0 border-radius and 0 declared custom properties
JS-triggered glitch keyframes
five coordinated glitchWave1-5 keyframes drive all motion with zero CSS transitions, every movement fired by JS rather than transition timing
Related references
Abhishek Jha
nicheDesign Portfolio
Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.
Alche
strongCreative Studio
The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.
Alejandro Mejias
nicheDesign Portfolio
A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice — black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.
Analogue
strongCreative Studio
a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.