Pazzesca: A branding story through pizza!

Original Source: https://abduzeedo.com/pazzesca-branding-story-through-pizza

Pazzesca: A branding story through pizza!
Pazzesca: A branding story through pizza!

AoiroStudio1010—23

In the bustling streets of Mexico, where culture and culinary artistry collide, FAENA Studio, a design powerhouse, has woven its magic yet again. Their recent endeavor, the visual identity for Pazzesca, a local Italian pizzeria, is a testament to their knack for infusing design with culture and flavor. The challenge was clear: How do you transport someone from the streets of Mexico to the cobblestone alleys of Italy with a single glance? FAENA Studio’s solution was nothing short of brilliant. They infused the visual identity with the warmth of rustic Italian charm. Earthy tones, reminiscent of Italian countryside landscapes, adorned the branding, creating an inviting and cozy ambiance. Typography plays a pivotal role in any branding, and for Pazzesca, FAENA Studio carefully selected fonts that spoke the language of authenticity. The handwritten script used in the logo and menus brings a personal touch, as if each pizza is handcrafted with love and care.

 

The visual identity tells a story. It’s not just about the final product but the journey—the kneading of the dough, the selection of the freshest ingredients, and the wood-fired oven that imparts that unmistakable smoky flavor. FAENA Studio used these elements as inspiration for the design, creating visuals that tantalize the senses and convey the craftsmanship behind each dish. The collaboration between FAENA Studio and Pazzesca is a testament to the power of design to elevate dining experiences. It showcases how a well-crafted visual identity can become an integral part of a brand’s story, enriching not just the dining experience but the entire brand essence.

 

The logotype is based on the typography of the character script, which has an evocative angular shape and a sense of frenzy and adventure that comes with experiments that can be tested in one of the platillos.

 

Visual Identity

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

brand identity branding  Logo Design Logotype visual identity Brand Design logo design Graphic Designer Pizza

 

FAENA is a graphic & art direction studio based in Mexico City, Mexico. You can check out more of their works via the links below:

Behance
Instagram
Studio site

All product photos are used only for presentation for non-commercial purposes only. All rights reserved.

The 10 Most Successful Rebrands of All Time – Ranked

Original Source: https://www.webdesignerdepot.com/successful-rebrands-ranked/

We’re all familiar with rebrands going wrong, but what happens when they go right? From McDonald’s health kick to Burberry’s iconic turnaround, hold on to your hats as we explore the ten most successful rebrands of all time.

Exciting New Tools for Designers, October 2023

Original Source: https://www.webdesignerdepot.com/tools-for-designers-2023/

Welcome to our all treats-no tricks, October tools collection.

100 macOS Sonoma Keyboard Shortcuts

Original Source: https://www.hongkiat.com/blog/mac-keyboard-shortcuts/

macOS is a robust operating system used worldwide. However, many Mac enthusiasts might not be aware of the numerous keyboard shortcuts that enhance its usability.

Detailed Mac Keyboard ShortcutsDetailed Mac Keyboard Shortcuts

Interested in harnessing more from your Mac? Here’s an extensive list of Mac keyboard shortcuts. Whether it’s accessibility functions, desktop configurations, or in-system searches, these shortcuts will enable you to perform tasks efficiently, bypassing the need for a mouse.

macOS Keyboard Shortcuts for:

Starting up Mac
Shutting down Mac
Accessibility
Finder
Desktop
Screen Capture
Spotlight

Starting Up Your Mac

Booting your Mac usually involves pressing the power button and waiting for the iconic Apple logo (and chime) before the operating system loads. However, there are multiple modes in which you can start your Mac, each offering different features and functionalities.

For example, you can boot your Mac in Safe Mode to troubleshoot issues, or use the Target Disk Mode to operate your system using an external medium.

To access these modes, you’ll need to press and hold a specific combination of keys right after hitting the power button. For instance, to enter Safe Mode, power up your Mac and immediately press and hold the Shift key.

There are various other modes to explore, enhancing your Mac startup experience.

↑ Back to Main Menu

Startup from built-in macOS Recovery system.
Command + R (hold).

Startup from macOS Recovery system over Internet.
Command + Option + R (hold).

Startup to Startup Manager.
Option (hold).

Reset NVRAM / PRAM.
Command + Option + P+ R (hold).

Startup in Safe Mode.
Shift (hold).

Startup from Apple Diagnostic utility.
D (hold).

Startup from a NetBoot server.
N (hold).

Startup in single-user mode.
Command + S (hold).

Startup in target-disk mode.
T (hold).

Startup in verbose mode.
Command + V (hold).

Shutting Down Your Mac

When wrapping up on a MacBook, many users simply close the lid, letting it enter sleep mode. On an iMac, some might wait for the Energy Save mode to activate.

Yet, there are efficient keyboard shortcuts to shut down your Mac. Explore these shortcuts below to enhance your user experience.

↑ Back to Main Menu

Turn on Mac / Wake it up from sleep.
Power button (press once).

Force Mac to turn off.
Power button (press hold 5 seconds).

Put Mac to sleep.
Command + Option + Power button.

Put display to sleep.
Control + Shift + Power button.

Select between restart, sleep or shutdown.
Control + Power button.

Force Mac to restart.
Command + Control + Power button.

Quit all apps, then shut down Mac.
Command + Control + Option + Power button.

Log out Mac user account, asking for confirmation.
Command + Shift + Q

Log out Mac user account, without asking for confirmation.
Command + Shift + Option + Q

Shortcuts for Accessibility

Mac offers dedicated “Accessibility Options” tailored for individuals with special needs or disabilities. This includes features like screen zoom, voiceover, inverted display colors, and more. Users can effortlessly manage, activate, or deactivate these features through keyboard shortcuts or assistive devices.

↑ Back to Main Menu

Show Accessiblity Options.
Command + Options + F5

Toggle VoiceOver on/off.
Command + F5

Open VoiceOver Utility.
Control + Option + F8

Turn Zoom on/off.
Command + Option + 8

Zoom In.
Command + Option + +

Zoom Out.
Command + Option + –

Invert Colors settings on/off.
Command + Control + Option + 8

Increase Contrast.
Command + Control + Option + ,

Reduce Contrast.
Command + Control + Option + .

Shortcuts for Finder

The Finder on a Mac serves as your central dashboard, granting you access to all your documents, apps, and services. Given its versatility, using keyboard shortcuts becomes crucial to execute specific actions, organize files and folders, and swiftly access content.

↑ Back to Main Menu

Use Quick Look to preview selected item.
Space bar

Move items to Bin.
Command + Delete

View items in Finder windows as icons.
Command + 1

View items in Finder windows as list.
Command + 2

View items in Finder windows in columns.
Command + 3

View items in Finder windows with Cover Flow.
Command + 4

Duplicate selected files.
Command + D

Eject disk or volume.
Command + E

Search in Finders’s window.
Command + F

Show Get Info window for selected file.
Command + I

Open the Computer window.
Shift + Command + C

Open the desktop folder.
Shift + Command + D

Open Go to Folder window.
Shift + Command + G

Open Home folder of current macOS user.
Shift + Command + H

Open iCloud Drive.
Shift + Command + I

Open the Network window.
Shift + Command + K

Open the Downloads folder.
Shift + Command + L

Create a new folder.
Shift + Command + N

Create a new Smart Folder.
Option + Command + N

Open the Documents folder.
Shift + Command + O

Show/hide Preview pane in Finder windows.
Shift + Command + P

Open AirDrop window.
Shift + Command + R

Show/hide tab bar in Finder windows.
Shift + Command + T

Open the Utilities folder.
Shift + Command + U

Show/hide path bar in Finder windows.
Option + Command + P

Show/hide sidebar in Findow windows.
Option + Command + S

Show View Options.
Command + J

Open Connect to Server window.
Command + K

Make an alias of selected item.
Command + L

Open a new Finder window.
Command + N

Create new tab in current Finder windows.
Command + T

Use Quick Look to preview selected file.
Command + Y

Use Quick Look in slideshow mode of selected files.
Option + Command + Y

Go to previous folder.
Command + [

Go to next folder.
Command + ]

Close the selected folder. (When in List view).

Open the selected folder. (When in List view).

Go to folder that contains the current folder.
Command + ↑

Go into folder of current selected folder.
Command + ↓

Open item in a separate window and close current window.
Option + Double-clicking item.

Open folder in a separate tab.
Command + Double-clicking item.

Move the dragged item instead of copying it.
Command + dragging item to another destination.

Copy the dragged item.
Option + dragging item to another destination.

See folders that contain current folder.
Command + click window title.

Shortcuts for Desktop

Mac provides an array of keyboard shortcuts designed to amplify your desktop experience. They’re particularly beneficial for users managing multiple desktops or those frequently tweaking appearance settings.

↑ Back to Main Menu

Decrease brightness.
F1

Increase brightness.
F2

Empty Bin.
Command + Shift + Delete

Empty Bin without confirmation dialog.
Option + Command + Shift + Delete

Show all windows of active app.
Control + ↓

Show/hide the Dock.
Option + Command + D

Launch/quit Mission Control.
Control + ↑

Launch/quit Mission Control.
F3

Open Appearance Preferences.
Option + F3

Show desktop.
Control + F3

Move to space on left.
Control + ←

Move to space on right.
Control + →

Switch to a specific (#n) desktop. Example: To switch to desktop 3, use Control + 3.
Control + #.

View installed apps.
F4

Shortcuts for Capturing Screens on macOS

With the rise of virtual work and learning environments, the need for screenshots and screen recordings has grown immensely. Thankfully, macOS comes equipped with integrated screenshot and screen-recording features.

Below is a list of keyboard shortcuts to leverage the diverse functionalities of the Mac screen capture tool.

↑ Back to Main Menu

Screen capture entire screen, save as picture.
Command + Shift + 3

Screen capture custom area, copies to clipboard.
Command + Shift + Control + 3

Screen capture custom area, save as picture.
Command + Shift + 4

Screen capture custom area, copies to clipboard.
Command + Shift + Control + 4

Screen capture an open window or app.
Command + Shift + 4, press Space bar

Launch and customize screen capture options.
Command + Shift + 5

Shortcut for Spotlight

Spotlight serves as an efficient tool on your Mac, helping you locate items such as apps, documents, music, and even emails. Explore the list of keyboard shortcuts below to enhance your productivity with Spotlight.

↑ Back to Main Menu

Launch/close Spotlight.
Command + Space bar

Move to next result.

Move to previous result.

Move to first result in next category.
Command + ↓

Move to first result in previous category.
Command + ↑

Open selected result.
Enter

See selected file in an app.
Command + R

Open a Finder window with selected result.
Option + Command + Space bar

More Mac-related Shortcuts:

Keyboard Shortcuts for Messages (iMessage)
Compressing Files & Folders Using Keyboard Shortcuts
Ultimate Screen Capture Keyboard Shortcuts

The post 100 macOS Sonoma Keyboard Shortcuts appeared first on Hongkiat.

The Problem With WordPress Is Positioning, Not Plugins

Original Source: https://smashingmagazine.com/2023/10/problem-wordpress-positioning-not-plugins/

Ask just about any casual user to explain the difference between WordPress.org and WordPress.com, and you’re likely to get a shrug in response. I know this because it’s one of the first things I ask students in my WordPress development course each semester when introducing them to the content management system.

I love asking that question because it boggles my mind that a platform responsible for powering 43% of the internet can go largely unrecognized, the same sort way Taylor Swift can walk into a packed football stadium unnoticed.

But among the power users and developers among us, the difference between WordPress.org and WordPress.com is not only apparent but a divide that draws a sacred but blurry line between the lively open-source community that WordPress is known for, and the commercial efforts of Automattic, the company that uses WordPress to power its hosted CMS platform.

The difference is a sacred line because crossing it tarnishes the open-source-ness of WordPress as a decentralized project maintained by a community of largely unpaid contributors.

Keeping special interests out of the mix is what keeps WordPress for the people, by the people.

That sacred line is also blurry, at best, and a great example of that popped up this past week when WordPress.com published a clone of the WordPress.org Plugin Directory to its own site. As is usually the case with WordPress #HotDrama, one or two developers take notice of a change, post a tweet about it, and Automattic founder Matt Mullenweg splashes a little kerosene on it. In this particular case, plugin pages on WordPress.com appeared to outrank plugin pages on WordPress.org in web searches.

This is yet another example of a situation that pits the open-source community against Automattic’s commercial interests. We’ve been here plenty of times in the 20-plus years that WordPress has been with us. The debates are nuanced, of course, but I’ll loosely characterize each side’s point in broad strokes:

WordPress.org: You are using the sweat equity of the open-source community to advance your own company.
WordPres.com: Hey, we’re merely distributing your work to a larger audience in a way we both benefit.

The problem is that this is where the debate often moves from being productive to getting downright dirty. No one benefits in these conditions.

It’s possible for both sides of the debate to be true, even if they do not agree. It would be just as disingenuous for plugin developers to claim no benefit from WordPress.com’s exposure as it is for Automattic to claim that developers gain as much in rewards as they spend writing code.

And therein lies the rub. When the discussion veers towards labor concerns and hurt feelings, we get away from the real issue at heart: WordPress has a positioning problem, not a plugin problem.

Sure, that makes for a spicy headline, but there’s real substance to it. How different would it be if the debate was between WordPress and Automattic rather than WordPress against WordPress? I imagine it would be quite different.

It is no longer an issue of search rankings and blocked accounts but one that is truly about distribution and labor in the open-source community.

When we draw sharper lines between business and community, we can have clearer discussions without the blurry divisions getting in the way and throwing the conversation off-topic.

This is the absolute perfect time to reposition WordPress. Five years after Matt’s famous advice to “Learn JavaScript deeply,” WordPress has transformed into an entirely visual editing experience that has radically transformed how we interact with it, both as users and developers. The “Gutenberg” project — and the full-site editing capabilities it brought — has ushered in a new era of WordPress where everyone’s relationship with it has changed. It’s time to change the general perception of WordPress as far as what it is and what it’s used for while we are at it.

It’s possible that a product becomes so successful or changes so drastically that it no longer fits under its own umbrella. Facebook becomes Meta. Google becomes Alphabet. Twitter has become whatever it is today. Products and companies evolve over time like people. This is what has happened with WordPress.com and WordPress.org. Each is vying for their own identity and winds up battling each other rather than buttressing one another. A cloned version of the WordPress.org Plugin Directory on WordPress.com exacerbates the issue rather than solving it. We’ve really reached the point of diminishing returns with the “WordPress” brand equity.

The only way this is fixed is by shedding the “WordPress” label from Automattic’s commercial efforts. Matt is not wrong when he claims that shared branding has made it difficult for services like Typepad to compete in the CMS space. That was true for a long time. But with a 43.1% market share today, is there really an existential threat to WordPress that requires co-branding two different flavors of WordPress? The current threat to WordPress’ market dominance has more to do with its future as a product and how it competes in a world of low-code and no-code platforms. There’s no amount of co-branding that is capable of solving what is, in essence, a user interface and experience challenge.

In that same tweet, Matt also asks us to imagine what WordPress would look like without co-branding, pointing to Joomla as a case in point. Again, co-branding may indeed have helped get WordPress to where it is today. But to say that it always has and always will is a large leap in logic on a false premise. Co-branding may not always be the best or only way to maintain market share or beat the competition. To think so is errant and myopic in a way that assumes no other possibilities, ever, as if past successes always lead to new ones. Myopia often sows the seeds of failure.

I believe we’ve reached the point where we ought to at least question co-branding as a strategy and consider whether there are happier paths to follow. If I have to imagine what WordPress looks like without co-branding today instead of in the past, I see the possibility of a clear separation of concerns between business and community interests because, at this point, there is little to no difference between running a WordPress site on WordPress.com’s servers on its Business Plan and self-hosting the site on a managed host like WP Engine. You get the same access to the same files for the same underlying software that is used to power WordPress.com, the same as it is used to power any other website that chooses to download and self-host WordPress.

That said, I am not totally against co-branding. The problem could be as much about not going far enough with co-branding as it is having too much of it. As it currently stands, the similarities between WordPress.com and WordPress.org are too indistinguishable at first glance that perhaps sharing the same top-level domain name only muddies the perceived similarities — or differences — even more. Perhaps there’s a happy path that gives credit to both perspectives in the debate with more explicit names, such as WordPress Platform and WordPress CMS. Those are terrible names, but hopefully, you get what I am aiming at.

The bottom line is this: We have danced around WordPress’ positioning problem way too long, hiding behind its past successes while tension between commercial and community interests continues to boil over. Rather than allowing this to continue by sitting somewhere in the middle with a shared brand name, maybe we’ll see a day where we go all-in on a direction either by renaming WordPress.com to allow WordPress.org to be WordPress or leaning deeper into effective co-branding that properly distinguishes the two properties while leveraging the “WordPress” brand.

References And Resources

“Developers Raise Concerns About WordPress.com Plugin Listings Outranking WordPress.org on Google Search,” Sarah Gooding (WP Tavern)
“WordPress.com Plugin Pages Add Download Link for Using Plugins on Self-Hosted Sites,” Sarah Gooding (WP Tavern)
“Developers Claim Damaged Trust Following Public Confrontations with WordPress Leadership,” Sarah Gooding (WP Tavern)
“A Call for Accountability: Sharing My WordPress Code of Conduct Report,” Sé Reed
“WordPress Full-Site Editing: A Deep Dive Into The New Feature,” Nick Schäferhoff
“The Modern Way To Create And Host A WordPress Site,” Nick Babich
“Implications Of WordPress Joining The Block Protocol,” Leonardo Losoviz

Animating Multi-Page Navigations with Browser View Transitions and Astro

Original Source: https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/

A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience.

Multimodal ChatGPT: Working with Voice, Vision, and Images

Original Source: https://www.sitepoint.com/multimodal-chatgpt-voice-vision-images/?utm_source=rss

Multimodal ChatGPT: Working with Voice, Vision, and Images

Explore ChatGPT’s multimodal capabilities, from real-time voice interactions to image understanding, and how these enhance creative workflow.

Continue reading
Multimodal ChatGPT: Working with Voice, Vision, and Images
on SitePoint.

Behold, the weirdest brand collaborations the planet has seen

Original Source: https://www.creativebloq.com/news/weirdest-brand-collaborations

Some of these should never have happened.