Peak Beak Brand Guide

01 · Logo

The toucan, and the words beside it.

Use the horizontal logo whenever there's room. On dark backgrounds, the toucan sits on a white disc so its slate body never disappears. Every SVG is pure vector: no fonts needed.

Primary logoLight backgrounds. The default.

SVG PNG

Primary logo, reversedDark backgrounds.

SVG PNG

StackedSquare spaces: social, signage, stickers.

SVG PNG

Stacked, reversedSquare spaces on dark.

SVG PNG

The toucanThe mark on its own. Light backgrounds.

SVG PNG

BadgeThe mark on a white disc. Avatars, favicons, dark backgrounds.

SVG PNG

WordmarkText only, for tight horizontal spaces.

SVG PNG

Wordmark, whiteText only, on dark.

SVG PNG

Gerald, animatedOur toucan's name is Gerald. This moving version (blinks, waves, chatters) is for the website header and screens only. Never print it; use the still toucan instead.

SVG

Need it bigger? Extra-large, transparent PNGs for print, signs and vehicle wraps: Horizontal 4800px Horizontal, reversed Stacked 3600px Stacked, reversed Toucan 4000px Badge 4000px For printing, the SVG files are best: they stay sharp at any size.

02 · Usage

Give it room. Keep it clean.

Clear space

Leave empty space around the logo equal to the height of the beak. Nothing else goes in the dashed zone.

↕ beak

Minimum size

Below these sizes the tagline and the toucan's details get lost. Go smaller only with the toucan or badge alone.

Logo · 140 px / 1.25 in

Toucan · 24 px / 0.25 in

Badge · 24 px

Please don't

Stretch, squash or rotate it.

Recolor the toucan.

Put the plain toucan on dark. Use the badge.

Add glows, shadows or outlines.

03 · Colors

Ink, beak orange, and a lot of paper.

Mostly ink and paper, with orange used sparingly where you want the eye to go. Click any swatch to copy its hex code.

Ink on orange 8.3:1 ✓

Orange Ink on white 5.3:1 ✓

Beak Orange on white 2.3:1 ✗ not for text

White on Emergency Red 4.8:1 ✓

04 · Type

Four fonts, all free on Google Fonts.

Display · wordmark

Space Grotesk

Bold 700 for headlines and the PEAK BEAK wordmark. Tight tracking (−2 to −4%).

Body

Inter

Regular 400 / Semibold 600 for paragraphs, buttons and UI. 16 px minimum on screen.

Labels · code

JetBrains Mono

Bold 700, wide tracking for small labels and the tagline, e.g. WEBSITES · SOFTWARE · SYSTEMS. Also code snippets.

Accent

Instrument Serif

Italic, for one word in a headline at most, like “Wear the beak.”

05 · Voice

An engineer who explains things plainly.

We build websites, software and systems for small businesses. We sound like the person who actually builds it: clear, honest, a little nerdy.

Plain over clever

Say what it does and what it costs. If a sentence needs jargon, it needs a rewrite.

Specific over big

“Loads in under a second” beats “blazing fast.” Real numbers, real outcomes.

Nerdy, lightly

A terminal joke on a mug is on-brand. A wall of acronyms on a sales page isn't.

WE SAY“We'll build it, host it and keep it updated. You'll always know what you're paying for.”

WE DON'T SAY“We leverage cutting-edge synergies to supercharge your digital presence.”

06 · Images

High-resolution images, ready to post.

Social banners, profile pictures, share cards and ad graphics, all in our colors. Click a download button to save the full-size file.

Social cover bannerFacebook, LinkedIn and X headers. 1640 × 624. Content sits right of center so the profile photo never covers it.

PNG

Profile pictureEvery social profile and Google Business. 1080 × 1080, safe for circle crops.

PNG

Link preview cardWhat shows when someone shares peakbeak.com. 1200 × 630.

PNG

IT support cardShares of the IT support page. 1200 × 630.

PNG

IT support postFacebook and Instagram. 1080 × 1350 and square.

4:5 Square

Emergency help postFacebook and Instagram. 1080 × 1350 and square.

4:5 Square

Emergency preview cardShares of the emergency help page. 1200 × 630.

PNG

Matthew Carnes, founderFor press, partner pages and speaker bios. White background or transparent cutout.

JPG Cutout

07 · About us

How to describe Peak Beak.

Ready-to-paste descriptions for press, directories, sponsorships and partner websites.

One line

Peak Beak builds websites, custom software and IT systems for local businesses in St. Clairsville, Ohio and the Ohio Valley.

Short

Peak Beak is a web design, software and IT company in St. Clairsville, Ohio. Founder Matthew Carnes, a computer scientist with 15+ years in IT, builds fast custom websites, helps businesses show up on Google, and keeps their computers, networks and systems running, for homes, businesses, churches and nonprofits across Belmont County, the Ohio Valley and Wheeling.

Long

Peak Beak LLC is a St. Clairsville, Ohio company that designs, builds and looks after the websites, software and IT systems local businesses depend on. Instead of templates and call centers, every project is handled by founder Matthew Carnes, who holds a B.S. in Computer Science from Kent State and has more than 15 years of hands-on IT experience. Peak Beak builds custom-coded websites, local SEO and Google visibility, business automation, AI assistant setup, and IT support for homes, businesses, churches and nonprofits across Belmont County, Southeast Ohio, the Ohio Valley and Wheeling, including emergency help for anyone whose website or systems go down. Learn more at peakbeak.com or call 740-238-8084.

Legal name: Peak Beak LLC
Based in: St. Clairsville, Ohio
Founder: Matthew Carnes
Phone: 740-238-8084
Email: hello@peakbeak.com
Website: peakbeak.com
Tagline: Websites · Software · Systems
Mascot: Gerald, the toucan