Samsy

samsy.ninja

The 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 Portfolio Creative Developer Portfolio strong

Design tokens

black
white
redGlow
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