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.

temperature-driven gray-scale generator, with consistent contrast and accessibility across light/dark modes originally developed for Attio, as a foundational piece for our web design and brand identity systems link below

Baytaş

4,526 subscribers

78,311 views • 10 months ago •via X (Twitter)

Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

HeroUI v3 beta 1 for web is live 🔥 A full redesign that blends v2 animations with v3 simplicity: • Brand new design system • Every component rethought • 8 new components • Better dev experience across the board Smooth transitions, cleaner surfaces, and a design language that matches HeroUI Native so your apps feel consistent on web and mobile. A BIG step forward 🚀

HeroUI

66,455 views • 8 months ago

If you’re a distributed systems engineer excited about database-adjacent systems, container infrastructure and cluster schedulers, we’re hiring at Tensorlake. Our team has built systems at HashiCorp, AWS, Netlify, and SurrealDB. Build foundational AI infrastructure with people who care about correctness and scale. Our platform lets developers build agents and workflows on a durable, sandboxed, serverless runtime, handling fan-out, retries, and correctness under failure. Below: Claude Agent SDK powered agentic web crawler running on Tensorlake!

If you’re a distributed systems engineer excited about database-adjacent systems, container infrastructure and cluster schedulers, we’re hiring at Tensorlake. Our team has built systems at HashiCorp, AWS, Netlify, and SurrealDB. Build foundational AI infrastructure with people who care about correctness and scale. Our platform lets developers build agents and workflows on a durable, sandboxed, serverless runtime, handling fan-out, retries, and correctness under failure. Below: Claude Agent SDK powered agentic web crawler running on Tensorlake!

Diptanu Choudhury

16,308 views • 6 months ago

ONE PROMPT IN CHATGPT IMAGE 2 JUST REPLACED AN ENTIRE $5,000-$50,000 BRAND DESIGN TEAM Full brand identity. Colors, typography, logo style, aesthetic. All generated in one single prompt. Here's the exact workflow: Step 1: Paste one prompt asking for a complete brand identity. GPT Image 2 generates everything – color palette, fonts, logo direction, overall visual style. Step 2: Use that output as context for every asset you generate after. Campaign visuals, shop graphics, product mockups, social posts – all stay consistent and on-brand automatically. The result: A full visual identity that looks like a real design team built it. Clean text rendering. Consistent style across every single asset. Design agencies charge $5,000-$50,000 for brand identity work. GPT Image 2 does it in one prompt. The full prompt that makes this work is in the video below. Bookmark this post, you'll want to come back to it.

SCOTTY BEAM

12,023 views • 1 month ago

A New Era for Lightspark Today, we're excited to share our new brand identity. It's built for developers ready to leave legacy systems behind and build faster, more open payments for the world. See our new refreshed Lightspark site: Learn about our new brand and vision:

Lightspark

21,025 views • 1 year ago

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.

shadcn

92,478 views • 4 months ago

Introducing Identity! 🏆 A brand new template pack for animating and showcasing your brand. Perfect for: 🧭 Design guidelines and handoff 🎨 Visual identity exploration ⚡️ Decks and marketing comms Switch in your assets and bring your logos, colours, and typography to life easily with motion. Get started now:

Lottielab

67,354 views • 6 months ago

Introducing the first step towards design systems in v0: •Create unique color schemes for your v0 generations •Adjust the colors for a design system right from Design Mode •Preview in light & dark mode Learn more directly from v0 team member and creator of tweakcn Sahaj

Introducing the first step towards design systems in v0: •Create unique color schemes for your v0 generations •Adjust the colors for a design system right from Design Mode •Preview in light & dark mode Learn more directly from v0 team member and creator of tweakcn Sahaj

v0

69,868 views • 10 months ago

Introducing WhatsApp support for ElevenLabs Agents. Our omnichannel platform is now integrated with WhatsApp, letting teams design an agent once and deploy it across web, mobile, phone lines, and WhatsApp.

Introducing WhatsApp support for ElevenLabs Agents. Our omnichannel platform is now integrated with WhatsApp, letting teams design an agent once and deploy it across web, mobile, phone lines, and WhatsApp.

ElevenLabs

427,029 views • 7 months ago

Introducing The Webflow Way: Your new go-to resource for strategic best practices that go beyond the “how-to” and into the “how-to-do-it-best”. Whether you build for clients or for your own brand, these best practices will help you get the most out of Webflow to deliver high-performing, scalable web experiences. 📘 You’ll find in-depth guidance across six core areas: 1. Design Systems – Ship faster, stay on brand, and scale with ease. 2. CMS – Deliver dynamic, data-driven content at scale. 3. Localization – Create global experiences that connect locally — without compromising speed or quality. 4. SEO – Improve discoverability and drive organic growth. 5. Optimization – Boost conversions and make smarter decisions, faster. 6. Collaboration – Streamline workflows across designers, marketers, and developers. This is the blueprint the world’s top Webflow experts use to ship faster, scale smarter, and deliver world-class digital experiences. Learn more about The Webflow Way here, and tune in to our livestream on September 9th:

Webflow

11,863 views • 11 months ago

Introducing our brand new Launchpad dapp. Get ready for a sleek new design, and enhanced user experience, all thanks to your feedback ❤️‍🔥 Check it out now and let us know your thoughts below! Link in Bio.

$APE Accelerator

21,082 views • 2 years ago

So excited to share my very first portfolio! Featuring a mix of 3D, web, motion design, and brand design across 7 projects. I hope you’ll like it. 👉 Huge thanks to the dream team Ivan and Thomas Van Glabeke for your magic.

Manon Jouet

78,343 views • 3 years ago

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

551,164 views • 3 years ago

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,420 views • 1 year ago

$I'm seeing more studios and in-house teams building brand-specific visual tools. They generate on-brand backgrounds, illustrations, and compositions. Custom outputs that feel native to the identity. This fractal glass effect generator by Studio Justified for Indicium AI is a good example. I'm also seeing designers creating these for their own workflow or sharing them with the community. Currently collecting the best ones for a new project. If you've made one or came across something interesting, drop it below!$

I'm seeing more studios and in-house teams building brand-specific visual tools. They generate on-brand backgrounds, illustrations, and compositions. Custom outputs that feel native to the identity. This fractal glass effect generator by Studio Justified for Indicium AI is a good example. I'm also seeing designers creating these for their own workflow or sharing them with the community. Currently collecting the best ones for a new project. If you've made one or came across something interesting, drop it below!

Fons Mans

58,343 views • 5 months ago

Our Wild Shadow faux fur is dual-toned with stunning, vibrant colors and a dark backing for added depth and drama. The bold contrast makes every project pop!

Our Wild Shadow faux fur is dual-toned with stunning, vibrant colors and a dark backing for added depth and drama. The bold contrast makes every project pop!

Big Z Fabric

18,205 views • 2 months ago

New work: Logo, brand identity, and interaction design for ens.eth ▷ Ethereum Name Service (ENS) was one of my first entry points into the web3 world and yesterday, we unveiled a new refreshed identity. The identity features an expanded color system with analog roots but undeniably digital. Pathways to navigate the New Internet. ENS names with a fluent tag. A typographic system that reflects the maturity and scale at which the ENS ecosystem is growing.

adam ho

56,409 views • 2 years ago

New work: brand identity and interaction design (website) for Matrix ▷ The refreshed identity was born out of the idea of a digital sea — a mysterious plane. Something technical with an organic undertone. Infinite possibilities in a constrained environment.

adam ho

17,891 views • 2 years ago

Want to know if your website or product is accessible? There’s a tool for that. Here are some of the best accessibility tools to audit your design, find issues, and improve usability: - axe DevTools → A browser extension that scans your site for accessibility issues and provides fixes. - WebAIM Contrast Checker → Quickly checks if your text meets contrast requirements for readability. - Screen Reader Plugins → Test how your site works with screen readers like NVDA, JAWS, or VoiceOver. - WCAG Guidelines → The official accessibility standard, used to assess compliance levels (A, AA, AAA). - Lighthouse Audits → Built into Chrome DevTools, offering accessibility scores alongside performance metrics. - WAVE Browser Extension → Provides visual feedback by adding icons and indicators to your page showing accessibility issues and attributes. Many are free and take just minutes to implement. What’s your go-to accessibility testing tool? PS – We've compiled our favorites here: 🔗 #Accessibility #UXDesign #InclusiveDesign #WebAccessibility #UserExperience

Want to know if your website or product is accessible? There’s a tool for that. Here are some of the best accessibility tools to audit your design, find issues, and improve usability: - axe DevTools → A browser extension that scans your site for accessibility issues and provides fixes. - WebAIM Contrast Checker → Quickly checks if your text meets contrast requirements for readability. - Screen Reader Plugins → Test how your site works with screen readers like NVDA, JAWS, or VoiceOver. - WCAG Guidelines → The official accessibility standard, used to assess compliance levels (A, AA, AAA). - Lighthouse Audits → Built into Chrome DevTools, offering accessibility scores alongside performance metrics. - WAVE Browser Extension → Provides visual feedback by adding icons and indicators to your page showing accessibility issues and attributes. Many are free and take just minutes to implement. What’s your go-to accessibility testing tool? PS – We've compiled our favorites here: 🔗 #Accessibility #UXDesign #InclusiveDesign #WebAccessibility #UserExperience

G I Ξ G Ξ Ɍ

23,738 views • 1 year ago

Where music comes alive. Together with Deezer, we developed a refreshed brand identity that embraces music as the beating heart of life and reflects Deezer’s bold, fresh, and quirky personality. Coinciding with the launch of an enhanced mobile app and web experience, this rebrand empowers millions of Deezer users to discover, explore, and connect with their favourite artists and songs. Read more →

Koto

214,097 views • 2 years ago