Category: Design

Icons on ProudCity

IMPORTANT We have upgraded our icon tool, including:   Improved font selector tool More icons (2,000+)   As part of this upgrade, because of the new way icon files are named, there is a slight ‘bug’. When editing an icon widget, you will need to update all of the icons in the widget. Otherwise, they … Continued

HTML tables

An HTML table is a structured set of tabular data (rows and columns) displayed on a web page. Similar to spreadsheets, tables allow you to display values that indicate a connection between different types of data. Sample HTML table: It’s important to note that tables should be used sparingly and for tabular data only. We … Continued

‘Good Services’ in government

In their new book “Good Services: How to design services that work,” former UK Government Design Director Lou Downe offers the public sector an invaluable playbook to delivering government services that are intentional and work for everyone. The foundation of Downe’s book are these 15 principles: Be easy to find Clearly explain its purpose Set … Continued

How to add Facebook and Twitter widgets to your ProudCity-powered government website

Facebook and Twitter feeds can easily be added to ProudCity-powered government websites. You can see here how we’re using these widgets at proudcity.com: https://proudcity.com/connect There are two ways to add these to your website: Set up a ‘Connect’ page using our prebuilt layout template Manually inserting onto page using the Facebook/Twitter widgets Here’s how to … Continued

How to set up a ‘Connect’ page on your ProudCity-powered government website

A ‘Connect’ page (proudcity.com/connect) is a great opportunity to centralize official ways your community can stay informed with official government information, such as newsletter subscriptions, notifications and social media accounts. Here’s how to set up your ‘Connect’ page on your ProudCity-powered government website using our prebuilt layout. NOTE: If you want to override your existing … Continued

How to customize colors on your ProudCity-powered government website

Customizing colors on your ProudCity-powered government website is easy. Here’s how. Step 1 Select ‘Customize’ in the left navigation of the ProudCity Dashboard. Step 2 Select the ‘Colors’ option in the customization tool. Step 3 NOTE: When selecting colors, be sure to account for web accessibility (see Color, web accessibility and government websites). Select color … Continued

How to customize fonts on your ProudCity powered government website

Customizing fonts on your ProudCity-powered government website is easy. Here’s how. Step 1 Select ‘Customize’ in the left navigation of the ProudCity Dashboard. Step 2 Select the ‘Fonts’ option in the customization tool. Step 3 Select your default and heading fonts and click the ‘Publish’ button. Visit your website to see the new fonts!

Color, web accessibility and government websites

Color is often an overlooked aspect of web accessibility, especially for brands and particularly governments, that have designed style guides and color palettes prior to accessibility becoming a priority. To understand how color and accessibility intersect, it’s first important to distinguish between “color dependence” and “contrast.” As 18F states in it’s accessibility guide: Color contrast … Continued

Fonts and government websites

When choosing fonts and typography for your government website, it’s important to account for aesthetics and accessibility. Terms There are three key terms you should know to better understand the font landscape: Fonts: Typeface style used to display text, numbers, characters, glyphs (ex: Lato, Merriweather) Font family: Fonts categorized by certain characteristics (ex.: sans-serif, serif, … Continued

Close window