Style Guide
Learn about the Razorfrog Web Design Brand.
We work hard to maintain a clear message of quality, value and friendly support for our clients. Here you’ll learn more about our brand, design assets and necessary internal guidelines for maintaining best practices and maximizing our brand’s impact.
Approved logo variations.
The Razorfrog logo design and variations are property of Razorfrog Web Design. All rights afforded under U.S. copyright law are retained by the owner.
Correct and incorrect versions of our firm name include:
Permission Required. Written permission is required by any individual, persons, or company desiring to use our identity graphics in conjunction with a commercial product, business name or unaffiliated service.
Distribution. Please do not redistribute without our expressed consent as files are subject to change without notice.
Right of Refusal. The owner retains the right to revoke permission and use of graphic assets for any reason.
Logo Kit. Includes .ai and .png versions of all logos.
Complimentary Logo Graphics
Our firm uses several alternative logo elements to reinforce our brand’s primary logo identity. These graphics are displayed on approved backgrounds, and each serves a particular need when our primary logo is not desired.
Razorfrog’s official swatches are comprised of eight colors, each functioning as an essential component to our brand’s web and print design presentation.
Light Green
Primary green used for UI design elements, icons, certain typography and select backgrounds.
#81bf41Medium Green 1
Secondary green used for large headlines, element hover effects and select backgrounds.
#5b9340Medium Green 2
Used for text links and certain background columns and color patterns.
#437035Dark Green
Used for certain background columns and color patterns.
#395b2dWhite
Used for navigation link hovers, page titles and subtitles, select labels, solid buttons, and body copy rows.
#ffffffLight Gray
Used in standard pages' call to action rows as a slightly contrasting background color.
#f8f8f8Mid Gray
Used for navigation links, social icons, and footer text.
#bdbdbdCharcoal
Used for site body copy and high contrast header text in parallax rows with background images.
#474747
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
!@#$%^&*()_+=-\][;ʼ/.,“ʻ«|}{“:?><
MONTSERRAT NORMAL
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
!@#$%^&*()_+=-\][;ʼ/.,“ʻ«|}{“:?><
Let Us Build Your Style Guide
Whether your brand is using an outdated style guide or none at all, we’re here to make sure it’s polished and share-worthy. Simply contact us and we’ll get back to you shortly with more details. Remember: friends don’t let friends have bad style guides.