Razorfrog Web Design Razorfrog Web Design
  • Home
  • About
  • Services
    • Responsive Web Design
    • E-Commerce Stores
    • Logo & Brand Identity
    • Search Engine Optimization
    • Copywriting & Editing
    • Photography & Imaging
  • Portfolio
  • News
  • Contact
Close
  • Home
  • About
  • Services
    • Responsive Web Design
    • E-Commerce Stores
    • Logo & Brand Identity
    • Search Engine Optimization
    • Copywriting & Editing
    • Photography & Imaging
  • Portfolio
  • News
  • Contact

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.

Logo Identity
Color Palette
Typography
UI Elements

Primary Logo Identity

Approved logo variations.

Style Guide Approved Razorfrog Logos

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:

  • Razorfrog
  • Razorfrog Web Design
  • RazorFrog
  • Razor Frog
  • Razor Frog Web Design

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.

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.

Frog Brandmark Turquoise Retina
White Frog Retina Graphic
Razorfrog Vintage Logo Turquoise Retina
Groovy Frog Brandmark Turquoise Retina

Color Palette

Razorfrog’s official swatches are comprised of eight colors, each functioning as an essential component to our brand’s web and print design presentation.

  • Turquoise

    Primary turquoise used for logo identity design assets.

    #08A092
  • Medium Turquoise 1

    Secondary turquoise used for large headlines, element hover effects and select backgrounds.

    #06756B
  • Medium Turquoise 2

    Used for text links and certain background columns and color patterns.

    #05564E
  • Dark Turquoise

    Used for certain background columns and color patterns.

    #043F39
  • Darkest Turquoise

    Used as a darkest background color for certain background columns and color patterns.

    #042f2b
  • White

    Used for navigation link hovers, page titles, subtitles, select labels, solid buttons, and body copy rows.

    #ffffff
  • Light Gray

    Used in standard pages' call to action rows as a slightly contrasting background color.

    #f8f8f8
  • Mid Gray

    Used for navigation links, social icons, and footer text.

    #bdbdbd
  • Charcoal

    Used for site body copy and high contrast header text in parallax rows with background images.

    #474747

Typography

MONTSERRAT BOLD

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
[email protected]#$%^&*()_+=-\][;ʼ/.,“ʻ«|}{“:?><

View on Google Fonts

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Bold textLinks
Footer text link

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
[email protected]#$%^&*()_+=-\][;ʼ/.,“ʻ«|}{“:?><

View on Google Fonts

Body copy

Italic text

Unordered list

  • List item 1
  • List item 2

Ordered list

  1. List item 1
  2. List item 2

Footer text

Website UI Elements

For use on white and/or light gray backgrounds

Small Button
Large Button

For use on solid green backgrounds

Small Button
Large Button

Portfolio entry with hover effect

Spector & Bennett

Large social media icons

Small social media icons

Large Wide Call To Action Button

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.

Contact Razorfrog

© 2008-2019 RAZORFROG WEB DESIGN
Sitemap • Terms of Service • Privacy Policy
415-480-4587 • 540 Howard St
, San Francisco, CA 94105
Powered by WordPress

We use cookies to ensure the best possible experience for our visitors. Please visit our privacy policy to review our cookies policy. By clicking "I Accept" or continuing to browse, you accept the use of cookies on this site.I Accept