Skip to guidelines
THE AVERANE BRAND / 2.0
For partners, media & creators
BRAND
GUIDELINES
Beyond Ordinary. By Design.
Represent Averane with confidence. Find our official logos, visual standards, and practical guidance for partner projects, press coverage, and social content.
Explore the system ↗
01 / UNDERSTAND
Start with
the reason.
02 / CREATE
Every detail
counts.
03 / CARE
Consider
what comes next.
Identity. Expression. Execution.Explore the tools. Keep the identity consistent.
Foundation
Identity
Color
Typography
Motion
Voice
Do / Don’t
Downloads
01 / Foundation
A shared standard.
A distinctive point of view.
Whether you’re a partner company, journalist, or social creator, use these guidelines to present Averane clearly and consistently across every channel.
Our identity
The non-negotiables.
Original logo artwork. Avenir titles. Avenir Light body copy. 10px media corners. A clear, confident voice.
Your context
One brand. Many settings.
From a news story to a co-branded campaign or social post, keep our name, logos, and colors recognizable. Adapt your layout to the format while preserving the identity.
Need a hand?
Let’s get it right.
Planning a partnership feature, media placement, or creator collaboration? Contact sayhi@weareaverane.com for help with assets, brand usage, or a proposed presentation.
Brand expression / Your move
One identity.
Different kinds of energy.
Switch the composition to explore how quiet space, bold typography, and a deliberate accent change the tone without changing the brand.
ConsideredExpressiveEditorialAVERANE / DESIGN WITH INTENT
Every detail.
On purpose.
Clarity is
the starting point.
Considered: generous space, navy foundation, one blue accent.
02 / Identity
The original.
Never an approximation.
Choose the official logo that suits your background and format. Download the original file and preserve its proportions, spacing, transparency, and colors.
Primary WordmarkSecondary WordmarkPrimary Icon MarkGradient WordmarkSecondary Tile IconPrimary Tile Icon
Download selected logo ↓
Show illustrative clear-space boundary
Primary Wordmark: use on dark surfaces. Recommended minimum: 180 CSS px wide.
0.5H
Wordmark clear space on every side, measured from visible letters.
0.25H
Primary Icon Mark clear space, measured from the visible symbol.
0.125W
Additional space outside the Secondary Tile Icon. Preserve its internal padding.
Use the six official assets below for your work with Averane. Choose the version that provides clear contrast, leave room around it, and use the SVG files for sharp reproduction at any size.
Original files. Ready to use.
Download our official wordmarks and icons for partner materials, press features, and social content. Each SVG preserves the original artwork.
Primary WordmarkDownload Primary Wordmark · SVG
Secondary WordmarkDownload Secondary Wordmark · SVG
Primary Icon MarkDownload Primary Icon Mark · SVG
Gradient WordmarkDownload Gradient Wordmark · SVG
Secondary Tile IconDownload Secondary Tile Icon · SVG
Primary Tile IconDownload Primary Tile Icon · SVG
03 / Color laboratory
A focused palette.
Every color has a job.
Begin with roughly 80% neutral and 20% accent. Click a swatch to copy its exact HEX value.
Navy
#031536Anchor surfacesCopy HEX ↗
Ink
#021438Text on lightCopy HEX ↗
Blue
#1FA6F8Direction & interactionCopy HEX ↗
Coral
#FC395FEmphasis & personalityCopy HEX ↗
Cloud
#F4F7FCQuiet informationCopy HEX ↗
White
#FFFFFFRoom to breatheCopy HEX ↗
Slate
#415773Supporting text on whiteCopy HEX ↗
Mist
#BBCDE3Supporting text on navyCopy HEX ↗
Midnight
#000622Original icon backgroundCopy HEX ↗
Contrast is part of craft.
Explore a color pairing
White on Navy
Ink on Blue
Ink on Coral
White on Blue
White on Coral
Slate on White
18.03:1 — passes normal-text contrast.
Consider every detail.
Contrast makes the message useful.
Normal text requires 4.5:1; large text requires 3:1. Use the contrast results here to choose a readable color pairing. Check gradients at their weakest point. Preserve the icon’s source blue #1EA4F8.
04 / Type studio
Avenir.
With room to speak.
Titles use the Avenir Heavy face. Narrative copy uses Avenir Light. Keep words live, line lengths considered, and hierarchy clear.
Try your own headline
Preview size 64px
Try your headline at different sizes to see how Avenir works in your layout.
Beyond Ordinary. By Design.
Aa Bb Cc Dd Ee Ff Gg
0123456789 & ? !
18 / 1.6
Recommended desktop and tablet body size / line height. Mobile: 17 / 1.6.
45–75
Characters per body line. Space supports comprehension.
44 / 38 / 32
Recommended H2 sizes: desktop, tablet, and mobile.
05 / Motion study
Movement with a reason.
Acknowledge an action. Explain a relationship. Guide attention. Never delay access to the content.
Feedback / 160msReveal / 350msAssembly / 700ms
Choose a motion role to preview it.
One-shot demonstrations. Reduced-motion preferences are respected automatically.
INTENT
Understand.
EXPRESSION
Design.
EXECUTION
Deliver.
10px media.
Images, screenshots, charts, and outer table frames. Website screenshots add a 1px Blue border.
6px controls.
Buttons and fields. Pills can be fully rounded. Recommended touch targets: at least 44px.
Space with rhythm.
4, 8, 12, 16, 24, 32, 48, 64, 96, and 128px. Relate items within groups more closely than separate groups.
06 / Voice & language
Confident.
Considered. Human.
When writing about Averane, be clear, specific, and human. Use our name consistently, describe our work accurately, and make your relationship with us clear.
Choose the context
Brand introduction
Partner company
Media
Social creator
Averane connects thoughtful design, development, marketing, and ongoing website care.
Ready-to-use introduction
Averane is a digital agency connecting thoughtful design, development, marketing, and ongoing website care.
Copy introduction
The boundaries / Protect the identity
Be expressive.
Never careless.
Help people recognize Averane wherever they encounter us. Expand each topic for practical guidance on using our brand in your publication, campaign, or content.
Identity
DON’T
Don’t stretch, redraw, rotate, recolor, outline, or crop the logo. Don’t substitute typed lettering for the wordmark.
DO INSTEAD
Use the official logo file at its natural proportions. Preserve its original colors and clear space. Use the downloaded artwork directly rather than recreating it from a preview.
Typography+
DON’T
Don’t use substitute display fonts, synthetic bold, outlined paragraphs, or tiny text to force a layout to fit.
DO INSTEAD
Use Avenir for titles and Avenir Light for body copy. Reflow or shorten the composition before reducing readability.
Color & contrast+
DON’T
Don’t use white normal-size text on bright Blue or Coral. Don’t spread gradients across every surface.
DO INSTEAD
Use Ink text on accent backgrounds. Keep dense content on flat, contrasting surfaces and verify the weakest point of any gradient.
Motion+
DON’T
Don’t use rapid flashes, autoplay sound, motion behind long copy, or animation that blocks access to content.
DO INSTEAD
Let movement explain or acknowledge something. Preserve a complete still experience and respect reduced-motion preferences.
Imagery & evidence+
DON’T
Don’t fabricate client projects, dashboards, testimonials, team photos, offices, awards, or results.
DO INSTEAD
Use permissioned assets and genuine evidence. Clearly label original studies as concepts and illustrative data as illustrative.
Voice & promises+
DON’T
Don’t claim guaranteed rankings, revenue, instant support, certifications, or partnerships without verified support.
DO INSTEAD
Write specific, useful copy. Describe your relationship with Averane accurately, and check any claims about our services or commitments with our team before publishing.
Layout & controls+
DON’T
Don’t obscure headlines with decorative layers, clip content on mobile, or make essential actions hover-only.
DO INSTEAD
Keep meaningful reading order, visible focus, explicit controls, and generous touch targets. Test narrow screens and text enlargement.
Production+
DON’T
Don’t enlarge low-resolution assets, assign a Pantone code from an online conversion, or distribute fonts without rights.
DO INSTEAD
Use the original artwork, suitable resolution, and properly licensed fonts. Check print proofs where needed, and keep any approvals with your project files.
AVERANE / BRAND SYSTEM 2.0
BRAND
GUIDELINES
Beyond Ordinary. By Design.
A GUIDE TO USING OUR BRAND
07 / Take the system with you
The whole picture.
Ready to keep.
Keep the Averane brand guide handy while you create. It covers our identity, typography, color, voice, accessibility, and guidance for digital and print materials.
PDF · 64 pages. For logo artwork, use the official SVG downloads on this page. For questions about a specific use, contact sayhi@weareaverane.com.
08 / Before you publish
The details belong to everyone.
Give your work one final check before it goes live. Use this checklist for partner materials, media features, and social posts. Your selections reset when you leave the page.
Original artwork, correct clear space, and source colors verified.
Typography, hierarchy, wrapping, and spacing reviewed.
Claims, permissions, links, and service commitments checked.
Keyboard, touch, text enlargement, and reduced motion tested.
Export dimensions, resolution, and production proof confirmed.
Any required approvals confirmed and final artwork saved.
0 of 6 reviewed
Interactive examples and asset guidance
White wordmark for dark surfaces. Preserve its original proportions.
Dark wordmark for light surfaces. Preserve its original proportions.
Use for selective large-format expression. Preserve the supplied gradient.
Use the official symbol on a contrasting surface. Keep its clear space.
Navy tile icon for compact placements. Preserve its proportions and internal spacing.
Layered brand artwork. Preserve the full composition.
Considered: generous space, navy foundation, one blue accent.
Expressive: coral takes the lead, with ink typography and a blue annotation.
Editorial: a quiet light surface, confident hierarchy, and a precise coral rule.
Averane connects thoughtful design, development, marketing, and ongoing website care.
We are working with Averane on [describe the confirmed project or collaboration].
Averane is a digital agency based in Flagstaff, Arizona, serving businesses across the United States.
[Clearly state your relationship with Averane.] Here is what we created together: [describe the actual work].
White on Navy: 18.03:1. Ink on Blue: 6.78:1. Ink on Coral: 5.08:1. Slate on White: 7.41:1. These pairings pass normal-text contrast. White on Blue: 2.67:1. White on Coral: 3.57:1. These pairings fail normal-text contrast; choose another pairing.