The Twenty Nineteen Overlay

The WordPress theme for 2019 is a clean, minimal theme with a beautiful layout. It arrives out of the box with a depressing blue overlay over every image. Luckily the latest update includes a customizable site color that controls the overlay color. It does not have an opacity setting so here is the code to customize your featured images:

.site-header.featured-image:after {

background: #000;

transition: opacity 1200ms ease-in-out;

opacity: 0.5;

z-index: 5;
}

Just add this code to your custom/css options in the WordPress customizer dashboard.

Vintage Designs Brought Back to Life, Hand-screening at Griswold

My client, Griswold Textile, is a hand-screening fabric mill in Rhode Island.  Griswold’s long history in textile manufacturing means they have some treasures from the past in the building.  The Fabric company Duralee discovered the antique screens of Griffin and Bailey and decided to revitalize the designs.  Here is their story…

PLAY VIDEO

Get a sneak peak behind the making of Bailey & Griffin’s debut collection with Robin Gordon, VP of marketing and advertising for Duralee; Anne Hahn, interior designer and consultant for Duralee; and Jack Wilson, Manager at Griswold Printworks in Westerly, Rhode Island.

Hand Printed Fabric Blog

Using the WordPress Default Themes, Twenty Seventeen

Each year WordPress develops a new, default, theme to incorporate new ideas on site layout, use, and features. The Twenty Seventeen theme represents a focus on creating company websites in addition to a blogging platform.

Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. The default theme for 2017 works great in many languages, for any abilities, and on any device.

The theme is spaciously laid out, it’s very modern but might be too sparse for some designs. There is so much white space that there are a lot of customizations for reducing white space by reducing padding, increasing font size, adding full-width pages.

Continue reading “Using the WordPress Default Themes, Twenty Seventeen”

Is all your traffic from customers who already know your name?

While the TV show “Cheers” has a nice phrase in their theme song, “Where everybody knows your name”, this is not always desirable in website traffic.  Often a website only receives brand name visits, visits from customers who already know the name.

Griswold's new blog

 

Continue reading “Is all your traffic from customers who already know your name?”

Welcome to FastPaddler Site

FastPaddler is a new e-commerce site for a company selling high-end composite paddles from Braca-Sport Corporation and surf skis and  ICF kayaks from Nelo Kayaks.  The site uses the popular Woocommerce plugin to operate an online store. Products pages are customized for a large variety of products options, making ordering simple for customers and easy to process on the backend.

 

Continue reading “Welcome to FastPaddler Site”

Using Wix for a Medical Company

Responsive vs mobile

This mobile-ready website for a medical company provides up-to-date information on clinical results, applications, and support.  Wix’s mobile version is slightly different than other platforms.  Rather than resizing as the screen is reduced with the narrowest widths on your computer looking exactly the same as on a phone, Wix replaces mobile views with a mobile-only version of your page. It’s not truly responsive in the way that a Squarespace site would be but it works very well. On Squarespace, layouts are designed for mobile first and then widen out for a larger screen.

Editing a Wix mobile page or a Squarespace page

Within the Wix editor, you can toggle from desktop to mobile version. All of your page components appear on the mobile view. You can then whittle away elements that you would prefer to suppress. If you make a mistake you can refresh the page, all the content reappears, and you can pare it down again as you wish.

On Squarespace, you can also toggle from desktop to responsive mobile version. You would need to suppress elements with CSS to hide them on your mobile version.  Easy to do if you know basic CSS but not obvious to the typical user.

Thermedical Website

The different screen versions:

A narrow slice when screen size is reduced to minimal on a desktop. A mobile device is served a different page.

The actual page served up to a mobile device.

10 Great Google Fonts Combos to Copy | Design Shack

The average man considers which flavor of Doritos will taste good with his Heineken. The sophisticated man considers which cheese will pair well with his choice of wine. The designer of course considers which two fonts will look great on the same page. Today we’re going to use the Google Font API as a playground [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][…]

Continue reading “10 Great Google Fonts Combos to Copy | Design Shack”

Searching for the Perfect Brand Name

I recently started a new project and needed a domain name and matching social media channels.  This particular project revolves around images so Instagram was the most critical social stream.  My top pick for a domain name (bostonkeyword.com) was available, fantastic. I went to Instagram to check my name and a tween was using the name for his collection of 5 Bruins game photos. I could try to buy his twitter handle but this was a low budget operation and tweens are probably wily social media negotiators. Back to the drawing board, but this time I used a tool to do the checking for me, this is one of the many I found:

namecheckr.com – Social and Domain Name Availability Search For Brand Professionals

name-checker
It seems very accurate but I would use it as a first pass and then go manually check the actual social channels that are critical to your success. It’s also a good idea to make sure you haven’t inadvertently selected a name or hashtag that has negative content associated with it.  Search for both @theNewName  and #theNewName on all channels.