Tag Archives: custom color

Tips & Tricks: Color Your Yapp Users Impressed with Custom Colors

  • Yapp shows how custom colors can make an app feel more polished and visually appealing.
  • A stronger color setup helps users create a more branded experience without much extra effort.
  • App creators who want easier design wins will benefit most from these tips.

With our new style picker, we’re modernizing the look of your Yapps and making the back end of our system more suited for adding awesome custom features. One of our favorite new features so far? Custom color.

Custom Color

As a Yapp Plus subscriber, you’ll get to apply custom-picked colors to all of your Plus apps. If you have brand guidelines to follow, you can easily plug in the hex code for your organization’s color. If you just want to match an image or logo that was designed, you can “eye drop” the color with a variety of tools.

If you have the image open in a program like Photoshop, you can use the eyedropper tool to find the shade in your image, and then pull the hex code. If the photo is more easily accessible on the web (or if you’ve already loaded it onto your Yapp), try a Google Chrome extension like Eye Dropper, ColorZilla, or ColorPick Eyedropper. They’ll let you click on a color and pull the hex code, which you can then plug into Yapp to set up your custom color.

Because the styles all currently use white fonts, we’d advice that you stick with black-based, darker colors so that you can read your information. Soon, we’ll have a good solution for this, for those of you who want to use lighter colors.

If you’re not a Yapp Plus subscriber, but you want to take advantage of custom colors, you can add it to your Yapp for an a la carte fee. The cool new customization tool lets you take more control of your Yapp’s look and feel and add additional branding. We’re excited to introduce it, along with custom covers and (coming soon), custom fonts as a set of solutions to make your Yapp stand out.

Tips & Tricks: Give each Yapp a unique style

  • Yapp shows how to give an app a more unique visual style without making setup more complicated.
  • Small design choices can improve branding and help the app feel more polished and memorable.
  • App creators who want a more customized look will benefit most from these tips.

Just because our old theme library is gone doesn’t mean you can’t have a specialized look for your organization, event or business. There are a variety of customizations that anyone can use to add a personal or thematic touch to their Yapp.

tip7-COVER

 

Our new cover editor lets you add a background image to your cover page. This can be a bit of ambient fun, or it can serve as a thematic tie. Having a Thanksgiving dinner party? Use a photo of a cornucopia as your background. Using Yapp with your running group? Use a photo of you all running your course. Then, choose a color from that photo and let it be your simple style throughout.

If you don’t see that color in our options, try out a custom color. For a fee, we’ll add whatever color you want to your style options, making your Yapp look even more awesome. You can also add a custom cover, which lets you take over that entire cover page space. Add your own colors, designs and fonts, and we’ll upload it for you.

A lot of people have asked about white backgrounds for their covers, like they once had on Primary Colors and Corporate White themes. With our new background image field, you can upload a blank white image as the background, and then include your logo or main image in a circle or square on top.

 

While our old library is still around (that’s until Nov. 15!), take screenshots of your favorite theme covers. Then, if you want to use them for your cover page in the future, you can always upload them as your background image.