Sami Marketing
sami.marketingA Ukrainian influence-marketing agency with a confident calm-grey canvas, a percentage-counting preloader, and one statement headline ("478 млн / reach collected in 2024") set in custom grotesk.
Design tokens
- display
- GrtskPeta-Medium
- body
- GrtskPeta-Regular
- mono
- IBMPlexMono-Regular
- fallback
- Roboto
- secondary
- GroteskNormal-Medium
Do / Don't
Reference it for
- Warm light-grey #f4f4f4 page instead of pure white — softer canvas for text-only craft
- Near-black rgb(1, 1, 1) text — slightly off-black gives warmer rendering than #000
- #003f41 dark teal-green as the single full-bleed surface counterpoint
- Token-level accent inventory hidden in --c-blue / --c-yellow / --c-red — spot colours, not brand chrome
- Four-size typographic ladder (14 / 16 / 28 / 75px) — extreme discipline, the inverse of multi-step scales
- GrtskPeta as Cyrillic-friendly workhorse grotesk — Open-source substitutes include PP Neue Montreal, Inter Variable, or Manrope
- IBM Plex Mono as --f-mono-reg for metadata + preloader percentage chrome
- Heavy negative letter-spacing (-1.05px on 75px display, -0.22px on body)
Do not copy
- The SAMI wordmark or 478 млн reach number
- The Ukrainian-language copy or the ЗАВАНТАЖЕННЯ preloader text
- The exact #003f41 teal-green if it conflicts with the client palette
- The "Success is a team game" / "From idea to result" headlines verbatim
- The 14-member team grid copy
- The GrtskPeta foundry licence path unless commissioned
- The long percentage-counted preloader unless the brand can justify the first-paint cost (3-5s of waiting)
- The emoji-laden testimonial copy (🤝✌️💅🏻) unless playful is on-brand for the target client
Signature moves
warm-grey four-size discipline
a warm light-grey #f4f4f4 page with near-black rgb(1,1,1) text and a strict four-size ladder (14 / 16 / 28 / 75px) plus heavy negative tracking (-1.05px on the 75px display)
stat-led hero with single-stat headline
one headline statistic carries the hero ("478 млн / reach collected in 2024") in custom grotesk instead of a promise sentence, with a dark teal-green full-bleed surface as the only counterpoint
long percentage-counted preloader
a single preloader counts 0% to 100% and runs long, set in IBM Plex Mono metadata chrome with one snappy curve all 0.1s cubic-bezier(0.24, 1, 0.36, 1)
Related references
Almacantar
nicheReal Estate
an architecture-led property developer reduced to its barest, most confident form, full-bleed aerial London video on near-black, a single Albertus serif word-pair ("PLACES / PEOPLE"), almost no chrome, and a quiet fade-and-rise motion that lets the buildings carry everything.
Dipsy
nicheCreative Studio
a family-run design studio that turns its own name into the hero, a screen-filling black ";DIPSY" set in a heavy condensed grotesque on warm grey, a pink gradient bleeding down from the top edge, pill-outlined nav and pill form fields, and a playful run of cookie-dough photography toward the end.
Euro Design Remodel
strongOther
A Bay Area bathroom/kitchen design-remodel firm that earns trust through a wall of third-party proof - a star-rated testimonials carousel, a full badge row (Houzz, EPA Lead-Safe, BBB, Angie's List, Yelp), financing reassurance and a "100% satisfied" promise, all on a clean white-and-blue canvas.
Gm Meme
nicheMarketing Platform
The reference for hand-drawn doodle-illustrated Webflow microsites — Bowlby One bold display + Inter Tight body on pure white, sketchy comic-book illustrations of muscle-mascots and superhero characters, GSAP + Lenis scroll mechanics on a quirky niche product (crypto meme templates).