Загрузка видео...

Не удалось загрузить видео

На главную

How do you turn a type specimen into an experience? For Exat, Studio Size pushed the typography showcase beyond the static page, using scroll, motion, and interaction to reveal the logic, range, and character of Hot Type's most ambitious typeface yet:

codrops's profile picture

Codrops

171,414 subscribers

22,058 просмотров • 5 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

This is the easiest way to make $10k/month with organic affiliate and AI Arcads launched an ai ugc studio that lets you build an entire army of hyper-real AI actors Then you turn any static image into a high-quality video showcasing any product go to TikTok and make an account + warm it up using arcads you can run an entirely AI UGC account using the same character over and over, making it seem like an authentic TT page Mix the content up with slideshows and videos with the same character Here's the AI stack gameplan: - Claude to help you write scripts - Arcads to generate an image of an AI girlie that fits your product demographic Scroll tiktok and save + download every video / slideshow you see made by clippers promoting a product (there's literally loads) Your going to find an offer on whop for making money online or spirituality and target it towards girls feed all these videos you scraped into a custom google gemini gem trained to deconstruct hooks / angles for you for easy hook inspiration + ideas Deconstruct the hooks, put them into Claude and ask it to give you hooks for the same style of video put for your products your promoting For the videos do caption and reaction + showcase formats Generate the reactions using the character you made in arc ads then manually record the showcasing of the product or proof of the product working Also for caption generate a 8-10 second video you can put text over Include your CTA in the video for reaction style and captions for caption style Plus generate images with the same character and make slideshows directed to your product Now rinse and repeat this make multiple accounts with multiple different avatars and print
0:14

This is the easiest way to make $10k/month with organic affiliate and AI Arcads launched an ai ugc studio that lets you build an entire army of hyper-real AI actors Then you turn any static image into a high-quality video showcasing any product go to TikTok and make an account + warm it up using arcads you can run an entirely AI UGC account using the same character over and over, making it seem like an authentic TT page Mix the content up with slideshows and videos with the same character Here's the AI stack gameplan: - Claude to help you write scripts - Arcads to generate an image of an AI girlie that fits your product demographic Scroll tiktok and save + download every video / slideshow you see made by clippers promoting a product (there's literally loads) Your going to find an offer on whop for making money online or spirituality and target it towards girls feed all these videos you scraped into a custom google gemini gem trained to deconstruct hooks / angles for you for easy hook inspiration + ideas Deconstruct the hooks, put them into Claude and ask it to give you hooks for the same style of video put for your products your promoting For the videos do caption and reaction + showcase formats Generate the reactions using the character you made in arc ads then manually record the showcasing of the product or proof of the product working Also for caption generate a 8-10 second video you can put text over Include your CTA in the video for reaction style and captions for caption style Plus generate images with the same character and make slideshows directed to your product Now rinse and repeat this make multiple accounts with multiple different avatars and print

Pounds

32,407 просмотров • 7 месяцев назад

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙
0:17

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

120,951 просмотров • 1 год назад

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.
0:10

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

Tushar

12,555 просмотров • 2 лет назад

Do you know how much you need to know about physics and motion, Newton's laws, and the interaction of forces to calculate a movement as coordinated as that? That man did it! He's a genius!
0:19

Do you know how much you need to know about physics and motion, Newton's laws, and the interaction of forces to calculate a movement as coordinated as that? That man did it! He's a genius!

Fun Viral Vids 😊

59,471 просмотров • 2 месяцев назад

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.
0:18

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.

charlota

21,862 просмотров • 7 месяцев назад

I became a Midjourney Niji 7 character. Went to MJ, made a character, used it as a reference in Higgsfield Cinema Studio, animated it, and then I used Motion Control to insert myself into the footage. Absolutely crazy for 5 minutes of work!
0:10

I became a Midjourney Niji 7 character. Went to MJ, made a character, used it as a reference in Higgsfield Cinema Studio, animated it, and then I used Motion Control to insert myself into the footage. Absolutely crazy for 5 minutes of work!

Alex Patrascu

46,625 просмотров • 7 месяцев назад

For more than 15 years, Codrops has been a place for sharing experimental demos that push the boundaries of web design and development. Over time, we've also highlighted many creative demos from the community in our demo roundups and newsletter. For this reason we have evolved our Demos Hub into the new Creative Hub, which brings everything together in one place: a growing collection of hand-picked, open-source demos from Codrops and beyond. It's a space to discover, learn from, and celebrate the creativity of the web community. We're curating this collection carefully, but we also welcome submissions from creators who'd like to share their work. Come and explore the new Creative Hub:
0:13

For more than 15 years, Codrops has been a place for sharing experimental demos that push the boundaries of web design and development. Over time, we've also highlighted many creative demos from the community in our demo roundups and newsletter. For this reason we have evolved our Demos Hub into the new Creative Hub, which brings everything together in one place: a growing collection of hand-picked, open-source demos from Codrops and beyond. It's a space to discover, learn from, and celebrate the creativity of the web community. We're curating this collection carefully, but we also welcome submissions from creators who'd like to share their work. Come and explore the new Creative Hub:

Codrops

30,251 просмотров • 1 год назад

Most AI workflows break the moment you need to turn one idea into a real project. This started as a single character. It ended as comics, animation, merch, character sheets, and more. The interesting part isn’t the generation. 🧵 Magnific
0:18

Most AI workflows break the moment you need to turn one idea into a real project. This started as a single character. It ended as comics, animation, merch, character sheets, and more. The interesting part isn’t the generation. 🧵 Magnific

Ava AI Labs

122,618 просмотров • 2 месяцев назад

Static image → cinematic motion in minutes 👀 I tested MiniMax inside Studio AI, and the level of motion and detail is seriously impressive. The best part? You can quickly experiment with different creative directions without a complicated production workflow. Perfect for product visuals, social content, campaign concepts, and more. Try MiniMax on Studio AI 👇 #ad #StudioAI #MiniMax #AIVideo
0:19

Static image → cinematic motion in minutes 👀 I tested MiniMax inside Studio AI, and the level of motion and detail is seriously impressive. The best part? You can quickly experiment with different creative directions without a complicated production workflow. Perfect for product visuals, social content, campaign concepts, and more. Try MiniMax on Studio AI 👇 #ad #StudioAI #MiniMax #AIVideo

Sani Ai Tech

16,404 просмотров • 12 дней назад

You are not ready for how quickly the content pipelines will change in 2026. This post isn't a gimmick. It's a heads up. This n8n automation alone can make you $50k/mo, and it's not a theory anymore. Arcads now lets you make any static image move like it was shot on camera. Subtle head turns, body sway, eye motion, emotion. Everything looks production-grade. Using Kling 2.6 motion control inside Arcads, you can turn any image into: → Influencer-style video clips → Smooth B-roll for ads → Emotional, lifelike portraits → High-end motion visuals in minutes Static creatives are about to feel very outdated. Here's the exact workflow: → Go to Arcads → Select Composer → Choose 'Animate Actor' → Upload a reference video → Upload a character image → Generate If you want to be a beast at content, media, attention, and distribution, this n8n should be worth thousands of dollars for you. But we're in the era of abundance, so I am giving it away for free. RT + comment "n8n" and I'll send it to you for free 📥
0:11

You are not ready for how quickly the content pipelines will change in 2026. This post isn't a gimmick. It's a heads up. This n8n automation alone can make you $50k/mo, and it's not a theory anymore. Arcads now lets you make any static image move like it was shot on camera. Subtle head turns, body sway, eye motion, emotion. Everything looks production-grade. Using Kling 2.6 motion control inside Arcads, you can turn any image into: → Influencer-style video clips → Smooth B-roll for ads → Emotional, lifelike portraits → High-end motion visuals in minutes Static creatives are about to feel very outdated. Here's the exact workflow: → Go to Arcads → Select Composer → Choose 'Animate Actor' → Upload a reference video → Upload a character image → Generate If you want to be a beast at content, media, attention, and distribution, this n8n should be worth thousands of dollars for you. But we're in the era of abundance, so I am giving it away for free. RT + comment "n8n" and I'll send it to you for free 📥

Kritarth Mittal | Soshals

52,899 просмотров • 7 месяцев назад

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎
0:12

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎

Florin Pop 👨🏻‍💻

29,839 просмотров • 11 месяцев назад

What's next for Bull Run? 🛠 The $BULL token listing date is getting closer. The Bull Run application cannot and will not remain the same. We are preparing an ambitious plan to turn the project into a gaming ecosystem in which you can earn real cryptocurrency before and after listing the BULL token on crypto exchanges. In the near future, we will talk about new mechanics that will give you an idea of what you and #BullRun are going to do in the future. As always, the very first ones will benefit the most. Buckle up 😎
0:12

What's next for Bull Run? 🛠 The $BULL token listing date is getting closer. The Bull Run application cannot and will not remain the same. We are preparing an ambitious plan to turn the project into a gaming ecosystem in which you can earn real cryptocurrency before and after listing the BULL token on crypto exchanges. In the near future, we will talk about new mechanics that will give you an idea of what you and #BullRun are going to do in the future. As always, the very first ones will benefit the most. Buckle up 😎

BullRun

20,977 просмотров • 1 год назад

Are you tired of boring, static images of you getting stomped on? Then how about an animation! Experience getting trampled over and over again by your fave macro as they walk along the ocean. Do they even know you're down there? To get a slot:
0:19

Are you tired of boring, static images of you getting stomped on? Then how about an animation! Experience getting trampled over and over again by your fave macro as they walk along the ocean. Do they even know you're down there? To get a slot:

Sokz

49,473 просмотров • 1 месяц назад

How to stay ahead of the latest Web3 trends and earn credentials you can showcase on LinkedIn? Join Crypto Experience Month 2026: Step into the Real World to explore how RWAs are bringing TradFi and Web3 together through learning, campus events, and real industry connections.
0:18

How to stay ahead of the latest Web3 trends and earn credentials you can showcase on LinkedIn? Join Crypto Experience Month 2026: Step into the Real World to explore how RWAs are bringing TradFi and Web3 together through learning, campus events, and real industry connections.

Bitget

105,021 просмотров • 1 месяц назад

A turn of the key and Pandora’s Box opens once more to unleash an evil beyond your most sinister dreams. 🗝 A new chapter begins. 11/02. #EscapeTheNight
0:16

A turn of the key and Pandora’s Box opens once more to unleash an evil beyond your most sinister dreams. 🗝 A new chapter begins. 11/02. #EscapeTheNight

Escape The Night

190,919 просмотров • 2 лет назад

2021. CNN: Trump and his allies are trying to make Ashli Babbitt into a martyr by using the word murdered. How dangerous is this type of rhetoric for law enforcement?
0:13

2021. CNN: Trump and his allies are trying to make Ashli Babbitt into a martyr by using the word murdered. How dangerous is this type of rhetoric for law enforcement?

MAZE

186,178 просмотров • 7 месяцев назад

I’ve figured out an intuitive way to make consistent characters and turn them into UGC This is Luna and I built her in Gluely. Check the demo to see how easy it is once you have an established character
0:08

I’ve figured out an intuitive way to make consistent characters and turn them into UGC This is Luna and I built her in Gluely. Check the demo to see how easy it is once you have an established character

Michael Aubry

39,090 просмотров • 7 месяцев назад

How to actually get the most out of Codex instead of bookmarking another great guide you’ll never open again: We turned this article into an interactive workbench. Before prompting Codex, open the workbench, choose your task type, and check whether you’re using the right Codex capabilities. Built by Codex inside Open Design. If you want the workbench, reply “Open Design” below and I’ll send it to you.
0:19

How to actually get the most out of Codex instead of bookmarking another great guide you’ll never open again: We turned this article into an interactive workbench. Before prompting Codex, open the workbench, choose your task type, and check whether you’re using the right Codex capabilities. Built by Codex inside Open Design. If you want the workbench, reply “Open Design” below and I’ll send it to you.

OpenDesign

67,625 просмотров • 3 месяцев назад