UX Collective

SEPTEMBER 26, 2023

More micro tips in less than 8 minutes to make your typography stand out in excellence In case you missed it, there’s a part 1 of this two-part blog post series. I already mentioned there that typography is way more than just picking a font and setting font sizes. Code snippets are a great example of this.

Typography 100

Typography Fonts Coding Web Design 100

Designspiration

JANUARY 7, 2023

Colour Code | Volt Café | by Volt Magazine #beauty #design #graphic #volt #photography #art #fashion #layout #magazine #typography

Magazine 52

Magazine Coding Fashion Layout 52

Designspiration

MAY 27, 2021

Typeface (Code Pro Light) #code #typeface #light #pro #typography

Coding 52

Coding Typography 52

Its Nice That

JANUARY 4, 2023

From code and generative typography to type as a political tool, how and why we create type will be driving what’s coming next. . This year’s trends are all about what’s underneath.

Typography 145

Typography Coding 145

Inkbot Design

JULY 26, 2023

A Comprehensive Guide to Typography Terms Welcome to the fascinating world of typography, where the art of arranging type goes beyond mere communication and becomes an aesthetic experience. Typography is an essential aspect of graphic design , web design, advertising, and virtually any form of visual communication.

Typography 84

Typography Fonts Arts and Crafts Coding 84

Designspiration

MARCH 2, 2022

processing #code #typography affiche_04b | Flickr - Photo Sharing!

Coding 52

Coding Typography 52

Designspiration

JULY 18, 2021

Morse code #graphicdesign #typography

Coding 52

Coding Typography 52

UX Collective

MARCH 22, 2022

Let me show you how to make the most of typography design tokens and how to integrate them into Figma Continue reading on UX Collective ».

Coding 86

Coding Typography 86

Designspiration

JANUARY 5, 2024

Discover more of the best Book Covers, Editorial Design, Book Design, Books, and Typography Books inspiration on Designspiration Saved by bjailie (@bjailie).

Typography 52

Typography Coding Book Design Print 52

Speckyboy Design Magazine

MARCH 2, 2020

And, as CSS and JavaScript have progressed, designers have found a way to integrate the effect into code as well. Let’s have a look at some examples of how halftone is being implemented through code. Here we have some basic outlined typography that utilizes offset shadowing. The results can be stunning. See the Pen.

Coding 85

Coding Patterns Templates Theme 85

Designspiration

DECEMBER 27, 2021

CODE Pro on the Behance Network #typography

Coding 52

Coding Networking Typography 52

Creative Boom

FEBRUARY 19, 2024

Led by JOAN's internal design lead, Anjela Freyja, who previously worked at Pentagram and Base Design, the new branding is rooted in the visual codes of the studio's DNA, which she describes as "daring, soulful, expertly crafted, relevant, visionary; all of the traits needed to not just be legendary, but actually transcend agencies".

Agency 262

Agency Coding Brand Branding 262

Designspiration

AUGUST 31, 2022

Tree of Codes written by Jonathan Safran Foer #print #design #graphic #book #books #covers #editorial #typography

Coding 52

Coding Print Typography Graphic 52

Creative Boom

OCTOBER 10, 2023

The starting point was by identifying Deliveroo's brand codes – those distinctive elements that customers most recognise about the brand, which, according to customer research, were established as the colour teal, the Roo Head shape and the Deliveroo wordmark.

Agency 384

Agency Brand Branding Coding 384

SpeckyBoy

MARCH 17, 2024

From assessing your website’s accessibility to generating sophisticated flexbox or grid layouts, refining typography, choosing the perfect color scheme, copying and pasting CSS animations, to beautifying code screenshots, this collection covers a broad range of web design needs.

Web Design 126

Web Design Web Design Color Schemes Layout 126

We And The Color

APRIL 30, 2021

Typography for Screen: Type in Motion is our today’s recommended book published by Hoaki. Written by Wang Shaoqiang for publishing house Hoaki, Typography for Screen features a great range of uses of typography in motion for the digital environment. Typography for Screen: Type in Motion. Buy on Amazon.com.

Typography 98

Typography Publishing Publishing Graphic Design 98

Creative Boom

JUNE 20, 2023

Boasting dynamic typography and colours inspired by rave culture, the identity is a celebration of the UK's clubbing aesthetic. The dynamic and distinct typography, which contains seven alternates per character that align to a grid, appears to jump up and down to music while remaining readable to passers-by. He's not wrong.

Fonts 467

Fonts Client Adobe Typography 467

Creative Boom

APRIL 16, 2024

Our goal was to replace outgrown butcher tropes and classic premium codes with something more spontaneous and punchy. This is coupled with a new, more stylised typography featuring modern, conversational fonts. It was time to add more creative magic to the HECK! core identity, as seen via a Gen Z lens."

Brand 316

Brand Branding Consulting Production 316

Mindsparkle Mag

NOVEMBER 23, 2021

Texte & Code. The post Florian Wacker. appeared first on Mindsparkle Mag.

Coding 52

Coding Portfolio Animation Digital 52

Just Creative

OCTOBER 1, 2023

Coupon codes and promo codes are only given out on major sale dates (July 4th, Black Friday, Cyber Monday), so you will have to check back then. Get Course Typography 01 Instructor: Chris Do | Cost: $299 Futur’s most popular course, Typography 01 is a course that is beneficial no matter what level of designer you are.

Client 233

Client Graphic Design Coding Color 233

Creative Boom

FEBRUARY 28, 2024

Variable fonts have shaken up the world of typography by making it easier for designers to create custom letterforms. Since we're not knowledgeable about coding, we spent a lot of time on this and initially didn't know how we were going to pull it off," they reveal. But what if the same could apply to illustrations?

Fonts 370

Fonts Illustration Illustrator Inspiration 370

Creative Boom

APRIL 24, 2023

All photography by Yeshen Venema TYPEONE magazine isn't just a beautifully designed print publication; it's also full of key insights about the evolving interaction between typography and graphic design. Ultimately, typography doesn't exist in a vacuum but is just one element in a dynamic and ever-evolving design landscape.

Magazine 458

Magazine Graphic Design Graphic Photography 458

Creative Boom

APRIL 18, 2022

We love the typography, the work page layouts, and, most of all, we adore the ability to add our own branding to the design. You'll need a code editor to make this happen. It's ideal if you have no experience in coding, too. At $149, it's pretty steep compared to other templates. But boy, is it beautiful. Kester by Squarespace.

Portfolio 538

Portfolio Templates Theme Layout 538

Designspiration

DECEMBER 3, 2021

22 Raptor (on KIckstarter til Wed, Sep 24 2014) Morse code typography: F-22 Raptor (left) Stealth tactical combat aircraft (rig #silver #design #graphic #aircraft #plike #paper #metallic

Coding 52

Coding Typography Graphic 52

Creative Boom

MAY 4, 2023

For the typography, the brand's new font was chosen to "emulate the weight and curves of the 'Smiley Fork' logo," says Mother, with the negative space in the characters, notably that of the lowercase 'e', reinforcing the smile shape found in the logo, wordmark, and the 'bowl' graphic device.

Inspiration 474

Inspiration Animation Brand Branding 474

Creative Boom

MAY 19, 2022

These combine Plus Codes and binary code and provide recognisable identifiers for each campus within the ARC network. As designers, we're fascinated by icons and codes and how people relate to them. Plus Codes – simple, free to use, open-source digital addresses – helped us capture the idea of place.

Brand 195

Brand Branding Coding Networking 195

Abduzeedo

APRIL 1, 2021

Motion Design and Typography in Processing. Andreion de Castro shared a motion design post where he plays with typography and movement. All coded using Processing. abduzeedo 04.01.21 POEMS: VOLUME II" is a collection of quotes and lyrics taken from a range of songs and movies inspired by Andreion’s taste in music and cinema. “My

Typography 59

Typography Coding Animation Inspiration 59

Creative Boom

AUGUST 22, 2023

Two further designs depict other endangered species and striking typography. These are linked to QR codes on the packaging. WMH&I has created a series of animated videos and website assets to go with the new packaging, including a film showing how to make a model from the loggerhead sea turtle.

Brand 342

Brand Branding Illustration Illustrator 342

SpeckyBoy

DECEMBER 8, 2023

CSS & JavaScript Snippets for Gradients A collection of code snippets for creating amazing gradients. User Interface Typography A free eBook that delves into the art of effective user interface typography. It covers everything from fundamental principles to constructing layouts and incorporating diverse design elements.

Arts and Crafts 87

Arts and Crafts Web Design Web Design Photoshop 87

Creative Boom

DECEMBER 7, 2023

The typography mixes styles, but it all works well together. There are no URLs, QR codes, or even colours. We ask if he has a favourite. There's so much variety that it's hard to pick one," he responds, "but one of them is the ad for Lyles Alabama Style Bar Bar – Be – Que [shown above]. Why is the Q in Que lower than it should be?

Graphic Design 497

Graphic Design Graphic Publishing Publishing 497

Design Wizard

FEBRUARY 1, 2018

Fluid Typography =equals= Responsiveness of the Future. Jumping typography vs. fluid typography. Simple: when coding the website, you define different font size in pixels (px) for different size of the display screen. Here we’re approaching the concept of fluid typography. But, how do you achieve it?

Typography 84

Typography Fonts Theme Web Design 84

SpeckyBoy

FEBRUARY 1, 2024

A Deep Dive into the CSS Grid Layout Module Master the art of responsive layouts by learning through step-by-step code examples for better web development. Better Sales Pages with Better Typography Oliver Schöndorfer shares five tips for designing a convincing sales page by using better typography. What is CSS Motion Path?

Web Design 101

Web Design Web Design Filmmaking Layout 101

SpeckyBoy

DECEMBER 13, 2022

Some of these tiny time-savers will help you to better assess your site’s accessibility, check your CSS for redundant classes, copy & paste CSS animations, beautify screenshots of your code, and so much more. Code Screenshot Generators. Code Screenshot Generators. CSS Code Quality Analyzers. Table of Contents.

Web Design 110

Web Design Web Design Coding Color 110

SpeckyBoy

JANUARY 19, 2024

The Three Secrets to Font Pairing Pairing fonts is a tricky task that often pops up in discussions about typography challenges, it’s a tough skill to master! Those Coding Tasks ChatGPT Can’t Do ChatGPT is great at creating code, but it’s not a replacement for your job.

Fonts 98

Fonts Coding Animation Magazine 98

SpeckyBoy

JULY 30, 2021

10 CSS Code Snippets for Creating Tooltips – Add some context to your website’s features with these pure CSS tooltips. Creating a Typography Motion Trail Effect with Three.js – Use WebGL framebuffers via Three.js But there are some important things to take into account before you dive into code.

Coding 119

Coding Patterns Animation Photography 119

Abduzeedo

JANUARY 30, 2024

Exploring Dott's Innovative Branding and Visual Identity abduzeedo 0130—24 Discover Dott's unique branding and visual identity, a testament to innovative design in low code testing platforms. Dott emerges as a groundbreaking low code testing platform, revolutionizing the way performance and API tests are executed.

Brand 63

Brand Branding Arts and Crafts Coding 63

SpeckyBoy

JANUARY 27, 2023

On-Scroll Typography Animations – Effects that add an extra layer of creativity to a website. GSAP CodePens 2022 – Explore this collection of code snippets featuring the popular animation library. Code Documentation, Streamlined – Best practices and techniques for automating documentation.

Color Schemes 94

Color Schemes Coding Templates Animation 94