Screenshot of Obys

Obys

obys.agency

The reference for Ukrainian award-show creative studio — bespoke serif on pure black, percentage-counter preloader, 1.6s cinematic transforms, polarised type scale.

Creative Studio Award Winning Design Studio strong

Design tokens

black
white
grey
display
Obys
body
Obys
mono

Do / Don't

Reference it for

  • Pure black + pure white + single grey rgb(201,201,201) for counter / metadata
  • Bespoke serif logotype on pure black — Obys-serif morphs in the preloader
  • Polarised type scale (10/11/80px) — tiny metadata vs monumental display, no middle
  • Single weight (400) discipline
  • Percentage-counter preloader — right-edge "30" → "50" → "100"
  • Logo morph during preloader — parens-style mark transitions through frames
  • clip-path 0.8s easeOutExpo as the workhorse motion (sliding reveals)
  • transform 1.6s easeOutExpo — exceptionally slow cinematic

Do not copy

  • The Obys bespoke serif font (not licensable)
  • The parens-style "Obys" logomark
  • The counter morph animation pattern (Obys-signature)
  • The Ukrainian-creative-studio editorial register
  • The exact polarised type scale (most clients need a body-text middle step)
  • The Cyrillic/Latin glyph mixing in case studies
  • The single-easing-across-system discipline if the brand needs varied motion feel

Signature moves

percentage-counter preloader with logo morph

a percentage-counter preloader (right-edge 30 to 50 to 100) runs with a parens-style logomark morphing through frames before the content.

polarised type scale on pure black

a polarised type scale (10/11/80px, tiny metadata vs monumental display with no middle) in a single weight (400) sits on pure black with white and one grey (rgb(201,201,201)) for counters/metadata, completely flat (0 radius, 0 shadow).

single-easing cinematic transition system

all motion runs as transitions (0 keyframes) on one easing (easeOutExpo, cubic-bezier(0.16,1,0.3,1)) across a duration palette (clip-path 0.8s, transform 1.6s/1s/0.6s, max-width 0.8s drawer, colour 0.4s ease-out).

Related references

Screenshot of Abhishek Jha

Abhishek Jha

niche

Design 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.
Screenshot of Alche

Alche

strong

Creative 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.
Screenshot of Alejandro Mejias

Alejandro Mejias

niche

Design 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.
Screenshot of Analogue

Analogue

strong

Creative 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.