ai

How Generative AI Can Add Human Delight to Your Virtual Event

By www.viget.com
Published On :: Wed, 29 May 2024 00:00:00 -0400

We just celebrated 24 years of Viget. That’s two dozen years! This year, our Spring TTT in celebration of “Viget24” was a virtual extravaganza. We’ve put on a lot of virtual events over the years. Some with really strong themes and swag bags; some that focus on simple, meaningful time together; and others that let us enjoy learning something new as a team. Regardless of the rest of the experience, a key component of all of our virtual events is joy, achieved often through intentional levity. We think it’s important to laugh together! We see laughter as a way to expedite connection, and connection leads to rapport which makes us better at collaborating — and in turn leads to more quality products for our clients. 

Experimenting and iterating is a critical way we try to continually get delight right. We’re pretty pleased with one of our experiments from Viget24 that we called “Lovely Spring Day”.

A Lovely Spring Day

As we were brainstorming for this TTT, we thought about how to throw some joyful levity pizzazz into the pieces of our virtual events puzzle that have become pretty standard. How do we add lots of delight without adding lots of time to the action-packed schedule? We zeroed in on the virtual backgrounds we’ve been creating for every event — they add a layer of specialness. Of place. This isn’t any old virtual meeting. This is a TTT! 

A small collection of past event-specific virtual backgrounds

Another key consideration for our team is figuring out creative ways to tie in inspiration from our industry and our work. AI has been an obvious contender —  we’ve discussed it and tied it in to some extent for the past several TTTs. But this time, we wanted to see how we could use AI for delight — marrying it with virtual backgrounds felt obvious. And so, a ”Lovely Spring Day” was born. 

The TL;DR is that we generated custom virtual backgrounds for every Viget employee that encapsulates their “ideal spring day.” We then played a 15-minute guessing game where people tried to guess who the background “belonged to.” Then, people had access to the full folder of AI-generated virtual backgrounds to look through. Vigets could then choose the background that spoke to them most and set it as their background. 

Read on for more on how we put this together!

Pre-Event Survey

To support all of our TTTs, we send out thoughtful pre-event logistics surveys 2-3 weeks before the big day. The survey lets us know where folks are joining from (where can we send their activity + snack packages?) and gives folks a chance to provide input on how the People Team can help folks enjoy and be present for TTT. This time, we also snuck in three questions, just “for giggles.”

  • In one sentence, describe your ideal spring day.
  • List three things that spark joy.
  • What color do you think suits you best?

We did not share why we asked these questions. Sneaky, sneaky! When it’s low-key like this, the element of surprise is often a quick way to level up the delight.

Asking for a Friend

With rich data in hand about what makes people happy in spring, we were ready to generate the backgrounds. I was stoked! I’ve been experimenting with ChatGPT for some time, so it was fun to be able to use the DALL-E 3 side of OpenAI’s GPT-4 model. 

Who knew Prompt Engineering would be part of my role as a recruiter-who-helps-support-TTT-planning? I played around with a couple different prompts to generate these background images. Ultimately, my goal was to create backgrounds that were meaningfully different from one another but still felt good (i.e., something you might feasibly want to set as your virtual background and nothing freakily AI, like uncanny valley hands).

Here are the prompts I landed on that got me to our set of virtual backgrounds:

  • Please generate an image (dimensions of a virtual meeting background) that encapsulates the vibe of a day with [ BLANK ].
  • Please generate an image (dimensions of a virtual meeting background) that features [ BLANK ].

In the blanks, I wrote the things people included in their surveys. Those blanks were filled with everything ranging from dogs, cats, and friends to beverages, specific temperatures, yard games, carbohydrates, hammocks and more! Sometimes, I’d include a detail I knew about that person myself, even if it wasn’t in their survey. Yes, I occasionally editorialized for both clarity and whimsy! This was for delight purposes, but also helped serve my goal of having the backgrounds be “meaningfully different from one another.” It’s amazing how many people’s ideal spring day is as simple as having 1) moderate temperatures and 2) no pollen!

I generated 55 images. Throughout the process, DALL-E nailed it. I only needed to regenerate 2 or 3 images with clarifiers (and only because they included AI-specific outliers like disembodied hands). Huzzah!

Here are some of my favorites, along with their prompts in the captions. Can you guess who they belong to?

Please generate an image (dimensions of a virtual meeting background) that features an outdoor brewery/taproom in the appalachian mountains. There's a playground with kids in the very distance. In the foreground, frisbee, soccer, volleyball, etc. with friends and family.
Please generate an image that encapsulates the vibe of a day ending with an outdoor dinner with lights near an outdoor shower. There should be some hiking boots scattered about.
Please generate an image that features a nice hot bath after a cold but sunny day, with a beautiful mug of green tea and a box of takeout that looks really good. The calendar shows April 25th.
Please generate an image that encapsulates the vibe of sitting outside in a nice purple adirondack chair with buc-ees paraphernalia around.
Please generate an image that encapsulates the vibe of a sunny, 65 degree day with a slight breeze at the ballpark watching a game. The image should feature cats, baseball, and art.
Please generate an image that encapsulates the vibe of being outside in a canoe along with carbs, bad jokes, and games (video OR board games).
Please generate an image that features endless mountain bike trails, a blue bike with a cup of coffee in the cupholder, and roaming cats.

IRL

Ok, so for the actual activity we had the images ready to go in a private Google Folder. I took twelve of the images and put them in a very simple deck. I shared my screen, introduced the activity, and invited people to guess who they think each image belonged to in Slack. It was so fun seeing people throw out guesses and then narrow in with any verbal hints I gave!

Each image took about a minute. Then, we shared access to the Google Folder, gave folks a couple minutes to choose a background that called to them (their own image or someone else’s), and set it as their background. It felt like a magical moment to witness people finding and resonating with their own image or delighting in the ridiculousness of their coworkers’. We saved about 5 minutes for this piece, which felt right.

The whole Lovely Spring Day activity took just over 15 minutes! It was a perfect way to transition from a long meal break into our next grouping of content. And, we got to see the different backgrounds throughout the rest of the meeting.

Oh, the humanity!

I think this activity was successful for a couple of reasons.

1. People laughed! 

Color commentary in the #ttt Slack channel

2. People felt seen. Some of these backgrounds were incredibly on point. Some of that was due to key folks having well-documented interests and a Slack-Famous Dog. 

Laura Sweltz has a famous love of books and an incredibly iconic beagle named Phoebe.

But some of it was due to the People Team knowing about our people — our coworkers — beyond the sentence they wrote in. This uniquely human involvement helped me call an audible as needed and tweak prompts slightly to make the backgrounds feel even more relatable.

Steven, Carolyn, and Laura Sweltz felt seen.

3. We could commiserate about our eventual AI overlords. (Did you notice that I say “please” in my prompts?!) Listen, Viget has plenty of practical, healthily skeptical people who are dubious about AI. GenAI is not always a fun, lighthearted thing. But using it in a fun, lighthearted way to do something it’s really good at was a nice use case and thought-provoking exposure even for people who are not into it.

4. We could see where we all align, and where we differ! It was amazing to see just how many people love picnics, covet their caffeine, and appreciate a bike ride. It was also cool to see some unique folks who simply crave a rainy spring day, or some beloved Buc-ee’s. What a rich tapestry of individuals — literally!


Full Article

ai

How we use DDEV, Vite and Tailwind with Craft CMS

By www.viget.com
Published On :: Wed, 10 Jul 2024 11:00:00 -0400

In 2022 we changed our dev tooling for new Craft CMS projects. Goodbye complex esoteric Webpack configuration, hello Vite. Goodbye complex esoteric Docker Compose configuration, hello DDEV. This small change in tooling has completely transformed our development experience. We start work faster and avoid wasting billable time debugging Webpack and Docker.

From Webpack to Vite #

Webpack has been the defacto way of bundling JavaScript and front end assets. It’s a powerful tool… but with that great power comes great responsibility complexity.

Vite bills itself as the “next generation” of frontend tooling. Vite is much faster at bundling. But more importantly… its default configurations work great for most website projects.

Before (Webpack) #

Well over 300 lines of configuration spanning three files. Good luck making changes!

After (Vite) #

A crisp 30 - 50 lines of code. Want to switch to TypeScript? Need to drop in a popular front-end framework? Easy! All it takes is adding a plugin and 2-3 lines of config.

Deleting old code has never felt this good!

From Docker to DDEV #

Docker is another development staple. It isolates server infrastructure into virtual “containers.” This helps avoid issues that arise from each developer having a slightly different setup. However, Docker can have a learning curve. Config changes, PHP upgrades and unexpected issues often eat up precious project time.

Enter DDEV! DDEV describes itself as “Container superpowers with zero required Docker skills: environments in minutes, multiple concurrent projects, and less time to deployment.” We’ve found that statement to be 100% true.

Before (Docker) #

Every Craft project has a different Docker config. Bugs and upgrades required deep Docker experience. Last (but not least), it was difficult to run several projects at one time (ports often conflict).

After (DDEV) #

Performance is consistently better than our hand-rolled setup thanks to Mutagen and faster DB import/exports. Simultaneous projects run out of the box. DDEV provides (and maintains) a growing list of helpful shortcuts and DX features.

Getting started #

Ready to make the switch? Here’s how to set up DDEV, Vite and Tailwind on your own Craft project.

Show me the config files already! #

If you would rather see full config files instead of following step by step, check out our Craft Site Starter on GitHub.

DDEV #

Let’s set up a fresh DDEV project and start customizing.

  1. Make sure you have DDEV installed on your computer.
  2. If you’re a PHPStorm user, install the exceedingly helpful DDEV plugin. VS Code users have a similar plugin too!
  3. Follow Craft’s guide for creating a new project (they love DDEV too).

Now you have a fresh .ddev/config.yaml just waiting to be customized.

Node Version #

Open your DDEV config and make sure your Node JS version matches Vite’s recommendations.

nodejs_version: '20' # Vite 5 expects Node 18+

Ports for Vite’s dev server #

Next, expose ports that Vite’s dev server uses will use to serve assets.

web_extra_exposed_ports:
  - name: vite
    container_port: 3000
    http_port: 3000
    https_port: 3001

Routing ports can sometimes be confusing. This diagram might help!

  • Vite’s dev server runs inside of DDEV’s web container (a Docker container).
  • Until we expose these extra ports, any custom port within DDEV is unavailable to your host machine (your computer).
  • When it’s time to configure Vite, we’ll use port 3000
  • HTTP and HTTPS traffic must use separate ports.
  • We use port 3000 for http traffic and 3001 for https

Run Vite automatically #

Usually, you’ll want Vite to watch and build files automatically after you start a DDEV project. Using web_extra_daemons adds a separate background process (daemon) for Vite.

web_extra_daemons:
  # Run Vite in a separate process
  - name: 'vite'
    command: 'npm install && npm run dev'
    directory: /var/www/html

Use hooks to improve DX #

DDEV’s powerful hooks system can run tasks before or after various DDEV commands. These post-start tasks keep dependencies and schemas up to date every time you start DDEV.

hooks:
  post-start:
    - composer: install # Keeps installed packages up to date
    - exec: ./craft up # Apply migrations & project config changes

Time for Vite #

Vite is a Node app that’s installed with NPM. Your project will need a package.json. If you don’t have one set up yet, follow NPMs initialization script.

ddev npm init

# Don't forget to ignore node_modules!
echo node_modules >> .gitignore

????Why ddev at the start of the command? This let’s us run NPM from within DDEV’s Docker containers. This means you’ll always be using the Node version configured for this project. DDEV has a bunch of shortcuts and aliases for running CLI commands (such as npm, yarn, craft and composer).

Make sure your NPM package is configured for ES Modules #

Our various config files will be using ES Module syntax for imports and exports.

ddev npm pkg set type=module

Install Vite! #

ddev npm install --save-dev vite

Add convenience scripts to package.json #

"scripts": {
  "dev": "vite",
  "build": "vite build"
}

npm run dev runs Vite in dev mode. It watches and builds your files every save. Files are served through Vite’s dev server.

npm run build bundles your JavaScript, CSS and static images for production. Your deploy process will usually call this script.

Configure vite.config.js #

Running Vite for a server rendered CMS requires some extra configuration. These options put production files in the right spot and keeps Vite’s dev server running on a specific port.

import { defineConfig, loadEnv } from 'vite'

// Match ports in .ddev/config.yaml and config/vite.php
const HTTP_PORT = 3000
const HTTPS_PORT = 3001

export default defineConfig(({ command, mode }) => {
  const env = loadEnv(mode, process.cwd(), '')

  return {
    // In dev mode, we serve assets at the root of https://my.ddev.site:3000
    // In production, files live in the /dist directory
    base: command === 'serve' ? '' : '/dist/',
    build: {
      manifest: true,
      // Where your production files end up
      outDir: './web/dist/',
      rollupOptions: {
        input: {
          // The entry point for Vite, we'll create this file soon
          app: 'src/js/app.js',
        },
      },
    },
    server: {
	    // Special address that respond to all network requests
      host: '0.0.0.0',
	    // Use a strict port because we have to hard code this in vite.php
      strictPort: true,
      // This is the port running "inside" the Web container
      // It's the same as continer_port in .ddev/config.yaml
      port: HTTP_PORT,
      // Setting a specific origin ensures that your fonts & images load
      // correctly. Assumes you're accessing the front-end over https
      origin: env.PRIMARY_SITE_URL + ':' + HTTPS_PORT,
    },
  }
})

Add JavaScript and CSS files (Entrypoint) #

Vite needs an entry point to determine what JavaScript, CSS and Front End assets it needs to compile. Remember src/js/app.js that we defined in vite.config.js? Let's make that file now.

/* Make a file in src/js/app.js */

import '../css/app.css'

console.log('Hello Craft CMS')

We’ll also add our CSS as an import in app.js . In plain-old-JavaScript you can’t import CSS files. However, Vite uses this to figure out CSS dependencies for the project.

Once Vite builds everything for production, you end up with a separate CSS file. The Craft Vite plugin includes this automatically with along your JavaScript bundle.

/* Make a file in src/css/app.css */

body {
	background-color: peachpuff;
}

Install the Vite Craft Plugin #

ddev composer require nystudio107/craft-vite
ddev craft plugin/install vite

Vite assets have different URLs in dev mode vs. production. In dev mode, assets are served from Vite’s dev server. It uses the ports that we defined in our DDEV & Vite configs.

When Vite builds for production, filenames are hashed (app.js becomes app-BZi_KJSq.js). These hashes change when the contents of the file changes. Browser can cache these files indefinitely. When an asset changes, a whole new file is served.

To help find these hashed filenames, Vite creates a manifest.json file. The manifest associates the name of your asset src/js/app.js to the hashed file that ends up on your server web/dist/assets/app-BZi_KJSq.js

The Craft Vite Plugin by NYStudio107 takes care of all this routing for you.

{
  "src/js/app.js": {
    "file": "assets/app-BZi_KJSq.js",
    "name": "app",
    "src": "src/js/app.js",
    "isEntry": true,
    "css": ["assets/app-BXePGY5I.css"]
  }
}

Configure the Vite Craft Plugin #

Make a new plugin config file in config/vite.php

<?php

use crafthelpersApp;

// Use the current host for dev server requests. Otherwise fall back to the primary site.
$host = Craft::$app->getRequest()->getIsConsoleRequest()
    ? App::env('PRIMARY_SITE_URL')
    : Craft::$app->getRequest()->getHostInfo();

return [
    'devServerPublic' => "$host:3001", // Matches https_port in .ddev/config.yaml
    'serverPublic' => '/dist/',
    'useDevServer' => App::env('CRAFT_ENVIRONMENT') === 'dev',
    'manifestPath' => '@webroot/dist/.vite/manifest.json',
    // Optional if using React or Preact
    // 'includeReactRefreshShim' => true,
];

Include your Vite bundles in Twig #

The script and asset functions includes the appropriate files depending on in if you’re in dev mode or production. Clear out your templates/index.twig file and add the following snippet to your <head> tag.

{# Load our main CSS file in dev mode to avoid FOUC #}
{% if craft.vite.devServerRunning() %}
    <link rel="stylesheet" href="{{ craft.vite.asset("src/css/app.css") }}">
{% endif %}

{{ craft.vite.script('src/js/app.js', false) }}

Whew! ???? We’re at a point now where we can test our integration. Run ddev restart and then ddev launch . You should see “Hello Craft CMS” in your browser console.

Setup Tailwind #

Now that Vite is processing src/css/app.css, it’s time to install Tailwind and really get cooking.

These steps are based on Tailwind’s official installation guide. But make sure to run all commands from within DDEV.

Install packages #

ddev npm install -D tailwindcss postcss cssnano autoprefixer
# No DDEV shortcut for npx :(
ddev exec npx tailwindcss init -p

Configure template paths in tailwind.config.js #

/** @type {import('tailwindcss').Config} */
export default {
	// Watch Twig templates and any JS or JSX that might use Tailwind classes.
  content: ['./templates/**/*.twig', './src/**/*.{js,jsx,ts,tsx,svg}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

Configure postcss.config.js for production #

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
  }
}

Add Tailwind directives to src/css/app.css #

@tailwind base;
@tailwind components;
@tailwind utilities;

You’ll most likely need to run ddev restart again to get Vite to recognize your new Tailwind config.

❓ Do i need to set up live reload of Twig? Turns out it’s already done for you! Styling a Tailwind project means editing Twig files to change styles. It’s super handy to reload your browser every time you save. Normally you’d reach for vite-plugin-restart to get this functionality. However, Tailwind’s JIT mode automatically notifies Vite when CSS has compiled and the page should reload.

That's a wrap! #

That’s all it takes to configure a minimal DDEV and Vite project! We’ve found that both of these tools are easy to extend as a project get more complo'ex. Adding things like Redis or React are just a plugin install and a few lines of config away.

???? If you'd like to see this setup (and more) in a real-world Craft CMS project, check out our Craft Site Starter on GitHub.

Go forth and Vite + DDEV to your heart’s desire.


Full Article

ai

Some Thoughts after a Major Ruby on Rails Upgrade

By www.viget.com
Published On :: Wed, 18 Sep 2024 10:00:00 -0400

For the past few weeks, I've been upgrading an older, fairly large Ruby on Rails app from Rails 5.2 to Rails 7.1 and from Ruby 2.7 to Ruby 3.3. During this time, I have also made the switch from Webpacker to Vite for asset bundling and made various JS and CSS upgrades to go along with that change. Here are a few takeaways from the experience.

Upgrade Regularly #

First, I know I am probably preaching to the choir with this one, but just upgrading your tech as you go and whenever you can is great. It prevents you from being in the position that I was in–having to make such a big jump all in one go. It also makes sure you keep getting security upgrades, and more security is never a bad thing. If you are up for it, you can even automate the process like GitHub does for their Rails upgrades or by using something like Dependabot for notifying you on when to upgrade dependencies.

Commit Often #

This is good advice for any project, but I think it is specifically good when working through issues that arise from upgrading. Whenever I have done a larger upgrade, there’s always at least one tricky issue that takes time to diagnose. This leads to me experimenting and trying a few different things before I figure out the actual fix. Committing often allows me to reset back away from these false paths whenever I decide to go down a new one. But I could also commit these false paths if I'm stuck, store them away in a separate branch, and come back to them later if I feel like an approach is worth a second look.

Leave Code Comments #

If you have a particularly confusing piece of code where its purpose or function is unclear, leave a comment. This is another piece of advice that is relevant at any time, but I found those comments to be extra helpful during this latest round of upgrades. There were several instances of code that had not been touched in years (and never touched by me) causing errors after upgrading the underlying tech. Some of these were well commented, which made it much easier to understand their purpose and decide how to fix them—or even whether to keep them. On the flip side, there were some pieces of code that were not well documented, which made fixing the errors much harder.

Avoid Fancy Code #

As somewhat of an alternative to the code comments, you can also just avoid fancier code. Try seeing if any code that is fairly complex can be simplified into something a bit easier to understand. Also, you want to avoid calling any private APIs that might change out from under you during your upgrade process which can lead to all sorts of weird bugs and behavior. I'm not saying do this completely in place of relevant comments, but simplifying where you can will somewhat cut back the need for them.

Be Selective with Dependencies #

When upgrading a massive Rails app and the Javascript associated with said app, you are often going to have to upgrade some of your dependencies as well. The more of these you have to upgrade, the higher chance you have of breaking something, so it is important to be selective when choosing these dependencies. During these upgrades, I ran into several issues caused by a dependency that really was not doing much for us in the grand scheme of things, but was causing more than its fair share of issues. If you want to read more about how to go about choosing dependencies, feel free to reference my colleague Sol's article on the subject.

The End #

I don't think these insights are particularly original or profound, but hopefully they give you something to think about as you make major upgrades on your own app or as you think ahead to future upgrades.


Full Article

  • Code
  • Front-end Engineering
  • Back-end Engineering
  • Tooling
ai

Situs Slot Online Terbaik Dengan Fasilitas Lengkap

By www.webjackalope.com
Published On :: Tue, 18 Oct 2022 19:23:11 +0000

Slot menjadi permainan yang banyak di pilih oleh pemain, bukan tanpa alasan game tersebut populer di kalangan pemain. Pasalnya, slot memiliki cara main yang sederhan dan mudah dipahami. Bagi pemain pemula akan sangat mudah mainkan game satu ini. Cara bermain slot sangat mengandalkan keberuntungan, para pemainnya membutuhkan sebuah strategi terbaik untuk menangkan game satu ini. […]


Full Article

  • Tutorial Perang Dadu
ai

Jenis Judi Online bagi Pemain Modal Tipis

By www.webjackalope.com
Published On :: Thu, 12 Jan 2023 20:08:48 +0000

Judi online menjadi suatu keharusan untuk dilakukan pemain di jaman sekarang. Dengannya pemain bisa bermain dengan cepat, mudah, dan praktis. Tanpa harus keluar uang banyak untuk bisa ambil bagian di dalamnya. Pemain bahkan bisa bermain dengan gratis tanpa perlu biaya admin. Uang yang diperlukan hanyalah untuk taruhan saja di dalamnya. Bagi Anda yang tertarik dengan […]


Full Article

ai

Cocktails with Don Draper, Dinner and Drinks at Oakland’s New Mid-Century Modern, Bardo Lounge and Supper Club

By thomashawk.com
Published On :: Sun, 02 Dec 2018 21:15:02 +0000

If, like me, you are a fan of all things mid-century modern, then you won’t want to miss Oakland’s newest Lakeshore addition, Bardo Lounge and Supper Club. Like a vintage trip with Don Draper back in time, you’ll enjoy all the little touches that make for a perfect night out for some excellent cocktails along …

Continue reading "Cocktails with Don Draper, Dinner and Drinks at Oakland’s New Mid-Century Modern, Bardo Lounge and Supper Club"


Full Article

ai

Google Photos — Bait Meet Switch

By thomashawk.com
Published On :: Sun, 22 Nov 2020 20:27:36 +0000

In case you missed it recently, Google Photos has decided to end their free unlimited photo hosting service. Beginning in June of next year users will be limited to 15GB of space before being asked to pay for more storage. How much you’ll have to pay will depend on how much storage you use. Unfortunately …

Continue reading "Google Photos — Bait Meet Switch"


Full Article

ai

Why Twitter’s Paid Subscription Model May Be a Smart Move

By thomashawk.com
Published On :: Tue, 28 Mar 2023 17:12:53 +0000

Boom! And just like that Elon Musk dropped a game changer. After several months of encouraging people to pay $7/month in the form of $84/year, Elon announced yesterday that starting April 15th, only verified Twitter accounts will be eligible to be in the “For You” tab. This was also after he announced that everyone who …

Continue reading "Why Twitter’s Paid Subscription Model May Be a Smart Move"


Full Article

ai

Branding and Packaging Design for Di Ligúria: Italian Roots with Brazilian Flair

By abduzeedo.com
Published On :: Fri, 01 Nov 2024 11:52:00 +0000

Branding and Packaging Design for Di Ligúria: Italian Roots with Brazilian Flair

abduzeedo

Discover the branding and packaging design of Di Ligúria, a Brazilian pizzeria, blending Italian heritage with Brazilian charm.

When two Brazilian entrepreneurs with Italian heritage set out to create Di Ligúria, a pizzeria in Belo Horizonte, they wanted more than just a menu of pizzas. They sought a brand that paid homage to the flavors, traditions, and warmth of Italian culture while embodying the lively spirit of Brazilian dining. Designer Danilo Akan took on this challenge, developing a branding and packaging design that bridges these cultural elements seamlessly.

Di Ligúria’s brand identity is grounded in a love for Italian cuisine, inspired by the founders’ Genoese roots and the culinary culture of the Liguria region. Akan crafted a visual concept that honors this Italian foundation while infusing a relaxed Brazilian vibe. The name “Di Ligúria” itself is a tribute to Italy’s Liguria region, signaling an immediate connection to Italian authenticity.

Akan’s design approach captures this dual identity, focusing on simplicity, elegance, and a playful touch. Using negative space and bold typographic elements, Akan brings the essence of Italian tradition forward, yet retains a fresh, contemporary look that appeals to a wide audience. His design balances modern aesthetics with nostalgic elements of Italian dining, creating a memorable brand that invites customers to savor the Italian experience.

The most striking element of Di Ligúria’s brand identity is its innovative typography. Akan developed a typographic style that incorporates subtle nods to pizza and pasta, the core offerings of Di Ligúria. By using negative space within the letterforms, particularly in the letter “G,” Akan brings visual references to pizza slices and pasta strands. This clever use of negative space allows the brand to visually communicate its primary products in an understated yet effective way.

The logo’s typeface is both modern and classic, giving a nod to Italian design’s timeless elegance. This typographic style doesn’t just serve as a brand marker but becomes an integral part of the visual experience, subtly reinforcing the restaurant’s Italian roots while remaining approachable.

Packaging that Enhances the Experience

In addition to branding, the packaging design plays a significant role in delivering Di Ligúria’s identity. Packaging is designed not just for functionality but as an extension of the dining experience. By integrating graphic patterns inspired by Italian motifs, Akan’s design makes every pizza box, pasta container, and salad package an experience in itself.

The patterns, echoing Italian ceramic tiles and Mediterranean styles, contribute to the visual storytelling of Di Ligúria. They evoke the charm of Italy and the idea of gathering around a table with family and friends. With packaging that feels thoughtful and distinctive, customers are reminded of the quality and heritage behind each meal.

From the moment a customer sees the logo to when they unbox a fresh pizza, Di Ligúria’s branding and packaging tell a story. Each design choice reflects the founders’ desire to create a brand that goes beyond fast food and into a cultural experience, filled with Italian warmth and Brazilian vitality. Akan’s thoughtful use of typography, graphic patterns, and packaging demonstrates how design can capture a brand’s essence and elevate the customer’s experience.

For anyone looking to explore Akan’s creative process and Di Ligúria’s full brand story, more details are available on his website.

Di Ligúria’s branding and packaging design provide an excellent example of how design can connect cultural roots with a fresh perspective. Akan’s work successfully weaves Italian traditions into a Brazilian setting, delivering a design that’s as inviting as the food it represents.

Branding and visual identity artifacts


Full Article

ai

Explore ChainGPT Labs’ Web3 Brand Identity & Web Design

By abduzeedo.com
Published On :: Tue, 12 Nov 2024 03:23:35 +0000

Explore ChainGPT Labs’ Web3 Brand Identity & Web Design

abduzeedo

Discover ChainGPT Labs’ unique Web3 branding and web design with seamless 3D animations and a modern interface.

ChainGPT Labs stands as an ambitious venture, propelling innovation in the blockchain and Web3 startup world. A project backed by the ChainGPT team, this platform provides strategic funding, incubation, and acceleration services tailored for the Web3 ecosystem. To visually represent such a forward-thinking initiative, a distinctive and cohesive brand identity was crucial.

The design challenge was clear: introduce ChainGPT Labs as a part of the existing ChainGPT ecosystem while ensuring it had its unique presence. The team behind this creative endeavor adopted a strategy that balanced modernity with a recognizable brand connection.

Typeface Selection and Visual Cohesion

One of the design cornerstones is the typographic identity. The chosen typeface blends sleek, experimental, and monospace styles, reminiscent of sci-fi aesthetics yet grounded enough to maintain clarity. This combination brings a futuristic yet approachable vibe, mirroring ChainGPT Labs’ mission of bridging advanced technology with user-friendly design.

The website, crafted with a focus on interaction, features seamless 3D animations. These animations not only add depth but also engage users in an immersive digital experience. The modern, functional interface ensures smooth navigation while highlighting essential content. The design isn’t just about aesthetics; it delivers on usability, ensuring every visual element contributes to a cohesive narrative.

3D Animations: Bringing Ideas to Life

3D animation plays a pivotal role in elevating the digital experience. Each animation is thoughtfully integrated, making the browsing experience lively without compromising performance. These elements align with Web3’s ethos, suggesting a digital landscape that’s both dynamic and innovative.

Balancing Innovation and Brand Familiarity

Designers also needed to ensure that ChainGPT Labs felt like an extension of ChainGPT’s established identity. The visual ecosystem leans into bold aesthetics while subtly referencing familiar brand cues. Strategic use of color, shape, and layout ties the Labs’ identity back to its origins, achieving a harmonious balance between innovation and brand recognition.

Why It Matters for Design Enthusiasts

For graphic and interface designers, ChainGPT Labs offers an inspiring case study in brand expansion. The project exemplifies how visual elements can maintain brand consistency while pushing creative boundaries. This thoughtful integration of typography, 3D animation, and a user-focused interface marks a new chapter for digital design in the Web3 space.

For a full breakdown of the design elements, visit the work of Sigma Software Design at https://sigmasoftware.design/.

Visit the website at labs.chaingpt.org

Web design artifacts


Full Article

ai

Looking Forward à la Française: Gardens of Thought

By www.ecology.com
Published On :: Fri, 06 Apr 2018 20:23:01 +0000

The upcoming 2018 International Garden Festival of Chaumont-sur-Loire in France is again bringing about fresh, imaginative realizations of gardens in its 27th Edition: “Jardins de la Pensée” or “Gardens of Thought.” From referencing the worlds of such famous writers as … Continue reading →


Full Article

ai

Best WordPress Plugins for Boosting your Email Marketing Efforts

By designshard.com
Published On :: Thu, 06 Apr 2017 09:11:46 +0000

Being a modern business owner, you can’t overlook the effectiveness of an email marketing, especially when it comes to generating quality leads and higher ROI. It is one of the most easy ways to reach a large number of targeted web audience. It doesn’t matter how big or small your marketing campaign is, email marketing … Continue reading Best WordPress Plugins for Boosting your Email Marketing Efforts

The post Best WordPress Plugins for Boosting your Email Marketing Efforts appeared first on Design Shard.


Full Article

ai

Why to start email marketing with SendPulse

By designshard.com
Published On :: Mon, 23 Apr 2018 12:38:17 +0000

SendPulse is one of the leading email marketing platforms which offers integrated solutions: emails, SMS, push notifications, SMTP and API. It was launched in 2015, and now is a successful startup with representatives in 8 countries. SendPulse team offers cost and time efficient service  to over 250,000 active users including large and small businesses and … Continue reading Why to start email marketing with SendPulse

The post Why to start email marketing with SendPulse appeared first on Design Shard.


Full Article

ai

Automattic raises $288m ????, WooCommerce growth continues ????

By jepson.no
Published On :: Wed, 15 Sep 2021 08:54:06 +0000

Earlier this year, Automattic raised $288 million in a funding round that valued the company at $7.5 billion. This impressive valuation was in part due to the growth of WooCommerce, which has seen a boost during the pandemic. With this new investment, Automattic had the opportunity to conduct a $250 million share buy-back. This gave…


Full Article

ai

How To Design Effective Conversational AI Experiences: A Comprehensive Guide

By smashingmagazine.com
Published On :: Mon, 15 Jul 2024 09:00:00 GMT

This in-depth guide takes you through the three crucial phases of conversational search, revealing how users express their needs, explore results, and refine their queries. Learn how AI agents can overcome communication barriers, personalize the search experience, and adapt to evolving user intent.


Full Article

ai

Using Multimodal AI Models For Your Applications (Part 3)

By smashingmagazine.com
Published On :: Fri, 11 Oct 2024 10:00:00 GMT

In this third part of the series, you are looking at two models that handle all three modalities — text, images or videos, and audio — without needing a second model for text-to-speech or speech recognition.


Full Article

ai

‘A World Without Clouds. Think About That a Minute’: New Study Details Possibility of Devastating Climate Feedback Loop

By www.ecology.com
Published On :: Tue, 26 Feb 2019 21:16:30 +0000

By Jessica Corbett Common Dreams “We face a stark choice [between] radical, disruptive changes to our physical world or radical, disruptive changes to our political and economic systems to avoid those outcomes.” As people across the globe mobilize to demand … Continue reading →


Full Article

ai

Paid

By www.cssleak.com
Published On :: Tue, 11 Jun 2013 17:48:40 +0100



Full Article

ai

Un champ jaune devant la maison colorée

By www.gino-caron.com
Published On :: Wed, 10 Jul 2024 11:21:22 +0000

Juste avant l’averse, le paysage est plongé dans une lumière douce et diffuse. Un champ de canola, vibrant de vie, s’étend à perte de vue, contrastant avec le ciel menaçant chargé de nuages sombres. Au centre de cette mer florale, une maison bleue se dresse fièrement, entourée de bâtiments et de structures rustiques, évoquant une...

Lire plus


Full Article

ai

Magnifique fin de journée sur les champs de Sainte-Luce

By www.gino-caron.com
Published On :: Fri, 23 Aug 2024 13:39:16 +0000

Dans la douce lumière du soir, les champs verdoyants de Sainte-Luce s’étirent à perte de vue. Le ciel, tel une toile vivante, se pare de teintes pastel – bleus profonds, mauves délicats et orangés chaleureux. Au loin, une ferme solitaire, avec sa grange au toit rouge emblématique, ponctue le paysage bucolique du Bas-Saint-Laurent. Les forêts...

Lire plus


Full Article

ai

The FBI Is Now On The Trail of Animal Abusers

By www.ecology.com
Published On :: Wed, 17 Feb 2016 14:19:31 +0000

The FBI is making news with its recent announcement that it will now track animal abuse in the same way it follows Group A felonies like arson, assault and homicide. Federal statutes define animal cruelty is “intentionally, knowingly, or recklessly … Continue reading →


Full Article

ai

To Improve Beijing’s Air Quality, Cut Household Fuel Use Too

By www.ecology.com
Published On :: Thu, 14 Jul 2016 11:38:59 +0000

By Jeffrey Norris UC Berkeley News China’s plans to curb Beijing’s health-damaging air pollution by focusing on restricting emissions from power plants and vehicles may have limited impact if household use of coal and other dirty fuels is not also … Continue reading →


Full Article

ai

Russian State TV Airs Melania Trump's Nudes on Prime Time

By drudge.com
Published On :: Mon, 11 Nov 2024 21:33:31 -0500

Russian state television network congratulated Melania Trump on her husband's reelection as president of the United States by showing nude photographs of her on live television, according to a post on X, formerly known as Twitter.


Full Article

ai

Russian Doctor, Accused of Antiwar Stance, Jailed After Child's Testimony

By drudge.com
Published On :: Tue, 12 Nov 2024 08:54:19 -0500

The mother of a 7-year-old boy accused the Moscow pediatrician, Nadezhda Buyanova, of telling him that his father's death while fighting in Ukraine was justified.


Full Article

ai

7 Best AI Image Upscalers to Boost Quality and Resolution

By justcreative.com
Published On :: Mon, 11 Nov 2024 05:29:15 +0000

Discover top AI image upscalers to boost resolution and clarity without quality loss—perfect for designers, marketers, and content creators.


Full Article

ai

Streamline Your Design Workflow with Adobe’s Creative Cloud Libraries and New AI-Powered Tools

By justcreative.com
Published On :: Tue, 12 Nov 2024 01:26:20 +0000

Thanks to the AI-powered Adobe Creative Cloud Libraries, creatives can now simplify workflows and design processes in seconds!


Full Article

ai

101+ Best AI Tools for Business & Marketing 2024

By justcreative.com
Published On :: Tue, 12 Nov 2024 05:01:25 +0000

Looking for the best AI tools & resources? We're actively compiling the ultimate list of the best artificial intelligence tools & resources.


Full Article

ai

NASA Guide to Air-filtering Houseplants

By www.ecology.com
Published On :: Thu, 31 Mar 2016 11:46:12 +0000

This excellent infographic created by lovethegarden.com is based on The NASA Clean Air Study of 1989. While researching ways to clean air in space stations, it was determined that these air-filtering houseplants significantly eliminate benzene, formaldehyde and trichloroethylene from the … Continue reading →


Full Article

ai

Mirage – Paintings by Marianne Van Lent

By www.ecology.com
Published On :: Tue, 16 Feb 2016 11:50:58 +0000

By Marianne Van Lent A recurring theme in the oeuvre of Marianne Van Lent is the mirage. The paintings in this collection address the theme of the mirage in nature. Ranging from 1996 – 2015 the mirage, as Van Lent … Continue reading →


Full Article

ai

“Paper Trails” by Chie Hitotsuyama

By www.ecology.com
Published On :: Tue, 25 Oct 2016 12:29:59 +0000

Japanese artist, Chie Hitotsuyama, upcycles newspaper into splendid, life-size sculptures of animals and marine creatures. “When a piece of paper is rolled up, it increases its strength, and by glueing together one by one and side by side I can … Continue reading →


Full Article

ai

The Way of the Haida ~ Land, Sea, People

By www.ecology.com
Published On :: Thu, 14 Sep 2017 10:02:49 +0000

“In the beginning of time, there were supernatual beings that lived in the ocean and could come out to be with us and go back into the ocean at will. That is how close we were to the supernatural beings, … Continue reading →


Full Article

ai

Nikkor 50mm f1.2 AI-s Colours

By catchycolors.blogspot.com
Published On :: Tue, 19 Nov 2013 07:41:00 +0000


Nikkor 50mm f1.2 AI-s Colours, originally uploaded by MatthewOsbornePhotography_.

Each image contained herein is linked, and copyrighted to the owner's Flickr.com Photo Gallery. Any and all use of these images requires the owner's express permission.


Full Article

ai

Organic is Only One Ingredient in Recipe for Sustainable Food Future

By www.ecology.com
Published On :: Thu, 16 Mar 2017 10:22:12 +0000

By University of British Columbia Many people choose organic thinking it’s better for humans and the planet, but a new UBC study published today in Science Advances finds that might not always be the case. “Organic is often proposed a … Continue reading →


Full Article

ai

The Hopeful Work of Turning Appalachia’s Mountaintop Coal Mines Into Farms

By www.ecology.com
Published On :: Wed, 18 Oct 2017 23:22:00 +0000

By Catherine V. Moore YES! Magazine In the post-coal economy, life-skills training helps employ people and restore the savaged land. On a surface-mine-turned-farm in Mingo County, West Virginia, former coal miner Wilburn Jude plunks down three objects on the bed … Continue reading →


Full Article

ai

Transforming Tech with Digital Marketing: Gaining a Competitive Edge

By 3.7designs.co
Published On :: Mon, 13 May 2024 18:46:44 +0000

Digital marketing is an essential part of how today’s tech companies reach customers. A tailored digital marketing strategy can provide high value content to potential customers while also demonstrating the need and effectiveness of your offerings. This article dives into the importance of digital marketing for tech companies and the most important tactics and platforms […]

The post Transforming Tech with Digital Marketing: Gaining a Competitive Edge appeared first on 3.7 Designs.


Full Article

ai

The Mammoth Cost of Operating America's Combat Aircraft

By coolinfographics.com
Published On :: Wed, 01 May 2024 14:45:15 +0000

The Mammoth Cost of Operating America’s Combat Aircraft shows the operating cost per aircraft in 2018. Statista created this infographic when the non-partisan U.S. Government Accountability Office (GAO) released an overview of mission capable rates and the cost of operating U.S. military aircraft in 2020. Over 40 aircrafts were examined, Statista chose to highlight these 15 in their infographic.

The non-partisan U.S. Government Accountability Office (GAO) recently released an overview of mission capable rates and the cost of operating U.S. military aircraft. It examined more than 40 different aircraft types, finding that only three of them reached their mission capable goals between fiscal years 2011 and 2019. In total, the report put the collective cost of operating all of the U.S. military's aircraft fleets at $49 billion in fiscal year 2018, taking operational & support (O&S) costs such as maintenance as well as supply support in account. O&S generally makes up 70 percent of a weapon system's total life cycle costs and it includes spare parts, depot and field maintenance, contract services, engineering support and personnel, amongst other factors.

It would be nice to see how many we have in service too. The stacked bars work well. As a reader you can tell the values between operating/support and maintenance, but the total is what matters.

Read more at Statista


Full Article

ai

Featured User, Kate Williams: Weddings, Portraits and Double Exposure

By graphpaperpress.com
Published On :: Thu, 13 Oct 2016 13:31:29 +0000

Wedding Photography is a tough business. You collaborate with people who are expecting to see passion and love reflected in your work, people who want to see every precious moment captured beautifully. There are no do-overs on wedding day, and the pressure can be enormous. Kate Williams, who works primarily a wedding photographer but also does stunning portraiture, […]


Full Article

ai

How To Run WordPress on a Subdomain to Power Your E-Commerce Online Store

By graphpaperpress.com
Published On :: Mon, 09 Jan 2017 16:43:13 +0000

Setting up your site on platforms such as Squarespace, Wix, and Weebly have their benefits – but they’re not necessarily set up for selling your work online. To do that, you’ll have to turn to a more powerful combination of tools. Setting up a subdomain to run an online store may seem like reinventing the […]


Full Article

ai

11 Ways Professional Photographers Fail Online

By graphpaperpress.com
Published On :: Tue, 04 Apr 2017 08:00:15 +0000

Having a web presence is essential for any modern photographer to generate new business, showcase their portfolio and get their images seen by as many people as possible. However, it’s unfortunate that so many photographers are missing out on the potential of a great business website by getting some fundamental things wrong. Is your website […]


Full Article

ai

Recognizing traumatic brain injury as a chronic condition fosters better care over the survivor&#039;s lifetime

By www.brainline.org
Published On :: Wednesday, November 6, 2024 - 8:15am

A commentary, published in the Journal of Neurotrauma, calls for traumatic brain injury to be recognized as a chronic condition as are diabetes, asthma, depression and heart failure. To provide comprehensive care for traumatic brain injury throughout individuals' lifespans, the authors propose that coordinated care models they and others have developed, tested and applied to various populations—including older adults, individuals living with depression and post-intensive care unit survivors—be adapted to improve communication and integration between brain injury specialists—including physical medicine and rehabilitation clinicians—and primary care physicians, fostering better long-term patient care for traumatic brain injury survivors and more support for both patients and their families.


Full Article

ai

Chronic Brain Trauma Is Extensive in Navy’s Elite Speedboat Crews

By www.brainline.org
Published On :: Tuesday, November 12, 2024 - 9:14am

The pounding that sailors’ brains take from years of high-speed wave-slamming in the Special Boat Teams can cause symptoms that wreck their careers — and their lives.


Full Article