Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Published today: A new (or rather, old) approach to typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just... show more

Daybreak

9,463 subscribers

196,992 views • 10 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

it feels like i’m watching a new scene just ‘cause is a different angle is not even Wednesday to be complaining, but i no longer feel the longing for that day in particular their is nothing for me to wait for.

it feels like i’m watching a new scene just ‘cause is a different angle is not even Wednesday to be complaining, but i no longer feel the longing for that day in particular their is nothing for me to wait for.

G

15,434 views • 10 months ago

We tested a lot of design skills in Codex and other AI agents. They fix the old AI slop. But they often create a new one: the “taste skill look.” - Same premium sections. - Same editorial typography. - Same generated-design smell. Open Design does not rely on one taste prompt. It combines skills, systems, critique loops, and local harnesses to make AI pages feel less generated and more designed. This page was generated directly in Open Design.

We tested a lot of design skills in Codex and other AI agents. They fix the old AI slop. But they often create a new one: the “taste skill look.” - Same premium sections. - Same editorial typography. - Same generated-design smell. Open Design does not rely on one taste prompt. It combines skills, systems, critique loops, and local harnesses to make AI pages feel less generated and more designed. This page was generated directly in Open Design.

Open Design

44,061 views • 2 months ago

Tesla FSD on HW3 vs HW4 is becoming a tale of two very different systems. We tested both in rain, sun and obstacles to see just how large the gap has become. New video is live on YT.

Tesla FSD on HW3 vs HW4 is becoming a tale of two very different systems. We tested both in rain, sun and obstacles to see just how large the gap has become. New video is live on YT.

Kim Java

147,097 views • 2 months ago

This week's ChatGPT new feature drop - June 26: 1/ New dictation model – more accurate at transcribing languages and accents and in particular Japanese, Korean, Chinese, Urdu, Vietnamese 2/ Refreshed 'composer' on the web – in particular a new Plus (+) menu and type @ to quickly connect to services like Gmail, add images or search the web. 3/ New 5.5 instant model - Improvements shipped yesterday; should feel smarter generally 4/ Polish to our sidebar on mobile – we simplified it, refreshed icons and typography, and it now opens above the conversation without fully covering it The team is shipping weekly improvements to Chat, and we listen to all the feedback so keep sharing!

This week's ChatGPT new feature drop - June 26: 1/ New dictation model – more accurate at transcribing languages and accents and in particular Japanese, Korean, Chinese, Urdu, Vietnamese 2/ Refreshed 'composer' on the web – in particular a new Plus (+) menu and type @ to quickly connect to services like Gmail, add images or search the web. 3/ New 5.5 instant model - Improvements shipped yesterday; should feel smarter generally 4/ Polish to our sidebar on mobile – we simplified it, refreshed icons and typography, and it now opens above the conversation without fully covering it The team is shipping weekly improvements to Chat, and we listen to all the feedback so keep sharing!

Adam Fry

129,511 views • 1 month ago

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.

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 views • 5 months ago

There are many cryptocurrencies, each designed to serve a unique purpose. XRP is designed to help move money quickly and efficiently. It’s often discussed in the context of payments that settle faster and with lower fees than traditional systems. XRP can also act as a bridge between different currencies, helping value move from one place to another without relying on multiple intermediaries. Faster settlement and lower costs can make payments more accessible for businesses, institutions, and everyday users around the world.

There are many cryptocurrencies, each designed to serve a unique purpose. XRP is designed to help move money quickly and efficiently. It’s often discussed in the context of payments that settle faster and with lower fees than traditional systems. XRP can also act as a bridge between different currencies, helping value move from one place to another without relying on multiple intermediaries. Faster settlement and lower costs can make payments more accessible for businesses, institutions, and everyday users around the world.

National Cryptocurrency Association

213,013 views • 7 months ago

Yesterday we announced the $GAMBA sale. But $GAMBA is designed to be more than just a token, it's designed to align incentives across; players, communities, and creators. A positive sum system across playing, posting win cards, farming and memes. Details below.

Yesterday we announced the $GAMBA sale. But $GAMBA is designed to be more than just a token, it's designed to align incentives across; players, communities, and creators. A positive sum system across playing, posting win cards, farming and memes. Details below.

Multiplier

15,168 views • 1 year ago

As a gynecologist, this is one of the most misunderstood topics and it’s important to approach it scientifically: The so-called “G-spot” (Gräfenberg spot) is described as a sensitive area on the anterior vaginal wall, typically a few centimeters inside. However, it is not a distinct, isolated anatomical structure. From a physiological perspective, this region is likely part of a complex neurovascular network, closely related to the internal extensions of the clitoris and surrounding tissues. This explains why stimulation in that area may produce different sensations in different individuals. The key point is variability. There is no universal response pattern. Some individuals may report heightened sensitivity in this region, while others may not perceive any specific difference. Both are completely normal findings. Common misconceptions include: The idea that every woman should experience pleasure from this area The belief that it represents a “guaranteed” pathway to orgasm These are not supported by consistent scientific evidence. In clinical terms: Female sexual response is multifactorial It involves anatomical, neurological, hormonal, and psychological components No single structure determines the experience What matters most is: Comfort Communication Individual preference The G-spot is not a universal “target,” but rather a concept describing part of a broader functional system. The human body is not standardized. It varies anatomically and functionally from person to person.

Sensitive content

As a gynecologist, this is one of the most misunderstood topics and it’s important to approach it scientifically: The so-called “G-spot” (Gräfenberg spot) is described as a sensitive area on the anterior vaginal wall, typically a few centimeters inside. However, it is not a distinct, isolated anatomical structure. From a physiological perspective, this region is likely part of a complex neurovascular network, closely related to the internal extensions of the clitoris and surrounding tissues. This explains why stimulation in that area may produce different sensations in different individuals. The key point is variability. There is no universal response pattern. Some individuals may report heightened sensitivity in this region, while others may not perceive any specific difference. Both are completely normal findings. Common misconceptions include: The idea that every woman should experience pleasure from this area The belief that it represents a “guaranteed” pathway to orgasm These are not supported by consistent scientific evidence. In clinical terms: Female sexual response is multifactorial It involves anatomical, neurological, hormonal, and psychological components No single structure determines the experience What matters most is: Comfort Communication Individual preference The G-spot is not a universal “target,” but rather a concept describing part of a broader functional system. The human body is not standardized. It varies anatomically and functionally from person to person.

Op. Dr. Mehmet Bekir Şen

2,951,170 views • 3 months ago

Transform images on the web with Nano Banana 2. Just type a prompt in Gemini in Chrome. No need to upload files or open a new tab.

Transform images on the web with Nano Banana 2. Just type a prompt in Gemini in Chrome. No need to upload files or open a new tab.

Chrome

21,466 views • 4 months ago

2/2 Update your Martian wallet to the latest version (1.3.5) we have just published! Below is a quick tutorial on how to do that. Create a ticket on our discord if you have issues with anything and we will get you all set for what is to come! LFG!

2/2 Update your Martian wallet to the latest version (1.3.5) we have just published! Below is a quick tutorial on how to do that. Create a ticket on our discord if you have issues with anything and we will get you all set for what is to come! LFG!

Martian

75,696 views • 3 years ago

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,484 views • 10 months ago

Not to put any sort of damper on the result or today in general But that is a 25-30 year old, Swinging and connecting with a 13 (Thirteen) year old child. Sort it out Chertsey Town FC

Sensitive content

Not to put any sort of damper on the result or today in general But that is a 25-30 year old, Swinging and connecting with a 13 (Thirteen) year old child. Sort it out Chertsey Town FC

dom!

1,257,116 views • 1 year ago

Video creation has changed forever. Introducing Replit Animation. #replitanimation Replit ⠕ Go from a single prompt to a fully animated video, powered by TypeScript and modern libraries. → Pull in your existing design systems, tokens and typography → Export to MP4 at any resolution and frame rate → Host online at a unique URL → Use agent skills to build any video imaginable → Create repeatable pipelines for changelogs, feature releases and brand content → Video is now a pipeline just like data or CI/CD Type "video" in the prompt box to get started or select "Animation" under App mode. Start building:

SARAH

139,531 views • 5 months ago

Image-to-code feels so old now. But what if you add interactive elements? Simply upload an image to Kimi K2.5 and ask it to add a mouse-tracking eye effect. It works perfectly. The prompt is simple: “Clone this site and add a mouse-tracking eye effect. Provide the HTML code.”

Image-to-code feels so old now. But what if you add interactive elements? Simply upload an image to Kimi K2.5 and ask it to add a mouse-tracking eye effect. It works perfectly. The prompt is simple: “Clone this site and add a mouse-tracking eye effect. Provide the HTML code.”

Kimi Product

78,572 views • 6 months ago

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,245 views • 4 months ago

Today, New York City takes a huge step forward toward less traffic, cleaner air, and better transit. A generation of straphangers, advocates, and public servants fought tirelessly to make #congestionpricing a reality. I’ve been honored to be part of that team, including organizing the litigation that helped end the pause and get the system started before Trump becomes President. What’s essential now is that the MTA, the Governor, and the Mayor deliver on the promises. The only way to bring doubters on board is to show real, concrete improvements, and to do it quickly and transparently. Today is a day to celebrate, but we can’t rest on our laurels. This is a big opportunity, and we must seize it. If we get congestion pricing right – not just turning on the cameras, but delivering on the promises – we can secure the future of our public transit system, take a big step forward toward a thriving and sustainable future for the whole New York City metropolitan region, and show that government can actually work. Read my full statement:

Today, New York City takes a huge step forward toward less traffic, cleaner air, and better transit. A generation of straphangers, advocates, and public servants fought tirelessly to make #congestionpricing a reality. I’ve been honored to be part of that team, including organizing the litigation that helped end the pause and get the system started before Trump becomes President. What’s essential now is that the MTA, the Governor, and the Mayor deliver on the promises. The only way to bring doubters on board is to show real, concrete improvements, and to do it quickly and transparently. Today is a day to celebrate, but we can’t rest on our laurels. This is a big opportunity, and we must seize it. If we get congestion pricing right – not just turning on the cameras, but delivering on the promises – we can secure the future of our public transit system, take a big step forward toward a thriving and sustainable future for the whole New York City metropolitan region, and show that government can actually work. Read my full statement:

Office of New York City Comptroller Mark Levine

45,447 views • 1 year ago

Sky’s not the limit, it’s just the view ✈️ Our brand new Formula 1 livery took to the skies today! A spectacular livery designed by SWIZZ BEATZ in partnership and The Dean Collection.

Qatar Airways

27,812 views • 8 months ago

“i wish i got more laps just to try things and test the setup in different ways. a lot of what i’ve been doing is just hoping it works. but we’ve done a good job as a team, so i have to be satisfied in the end that i at least got on the track today” 🙃

“i wish i got more laps just to try things and test the setup in different ways. a lot of what i’ve been doing is just hoping it works. but we’ve done a good job as a team, so i have to be satisfied in the end that i at least got on the track today” 🙃

ray

12,830 views • 4 months ago

SOMEONE BUILT A FULL LANDING PAGE IN 4 HOURS AND SPENT $70 The move that made it work was simple. Before giving any instructions, they let Claude ask 7 questions first. That context changed everything. It came back with the layout, the color system, the typography and the entire codebase already done. $1,800 was the old price. This is what the new one looks like.

SOMEONE BUILT A FULL LANDING PAGE IN 4 HOURS AND SPENT $70 The move that made it work was simple. Before giving any instructions, they let Claude ask 7 questions first. That context changed everything. It came back with the layout, the color system, the typography and the entire codebase already done. $1,800 was the old price. This is what the new one looks like.

0xMarioNawfal

70,727 views • 1 month ago