Brand Assets

A comprehensive guide to maintaining brand consistency across all touchpoints.

Typography

Our typography system combines Neuton serif for headlines with Barlow for body text. This pairing creates a perfect balance of authority and approachability, reinforcing our brand's professional yet modern character.

Neuton: For Headlines

Neuton is our serif typeface for headlines, providing elegance and authority.

Neuton Light The quick brown fox jumps over the lazy dog
Neuton Regular The quick brown fox jumps over the lazy dog
Neuton Italic The quick brown fox jumps over the lazy dog

Barlow Regular: For Body Text

Used for main body text and long-form content where readability and clarity are essential.

Barlow Regular The quick brown fox jumps over the lazy dog
Barlow SemiBold The quick brown fox jumps over the lazy dog
Barlow Bold The quick brown fox jumps over the lazy dog

Colors

Our color palette is vibrant and energetic, reflecting our innovative approach and creative spirit.

Primary Colors

Dark Blue
#122C3C
Provides depth and stability.
Green
#22B161
Brings vibrancy and life.
Gray
#818B92
Adds depth and sophistication.
WHITE
#FFFFFF
For distinct contrast and balance from bold colors.

Secondary Colors

TEAL
#0989B1
Vibrant energy and emphasis.
AMBER
#B18022
Warm, attention-grabbing color.
Walnut
#4C3810
Rich, grounding depth.
DEEP PLUM
#49113C
Moody, sophisticated tone.
Orchid
#D88AC7
Bright, playful emphasis.

Text Colors

We use one set of colors for text and another for everything else to ensure strong contrast. This keeps everything accessible and easy to read.

Text Blue
#0E1E2B
For use on light backgrounds.
Text Green
#128745
Brings vibrancy and life.
Text Gray
#686C76
For use on neutral backgrounds.
TEXT WHITE
#FFFFFF
For use on dark backgrounds.

Color Hierarchy & Usage

Colors should be used in proportion to their usage in this diagram. To maintain harmony among the brand, colors on the far right should not overpower colors on the left.

Color Usage Guidelines

Primary Colors

Dark Blue (#122C3C) serves as our primary brand color for foundations and key elements. Green (#22B161) provides energy and emphasis for CTAs and interactive elements.

Secondary Colors

Secondary colors add energy and variety, but they should be used sparingly. Use them for accents, illustrations, and to help create visual hierarchy in complex layouts.

Logos

Our logo is the cornerstone of our visual identity.

Horizontal Logo

Best used in banners, website headers, or other wide layouts where space is horizontal.

Augusto Digital Horizontal Logo

Vertical Logo

Ideal for stacked layouts, social media profiles, or narrow placements where height works better than width.

Augusto Digital Vertical Logo
Logo outline dark blue
Logo outline green
Logo outline gray
Logo filled dark blue
Logo filled green
Logo filled gray

Augusto "A"

A simplified mark for small-scale applications like app icons, favicons, or watermarks where the full logo would be unreadable. In scenarios where the outlined bug is unreadable, use the filled in bug for increased readability.

Minimum Size

Never display the logo smaller than 32px in height for digital or 0.5 inches for print.

Minimum size example

Clear Space

Maintain a clear space around the logo equal to the height of the letter 'A' of the word mark.

Clear space example

Logo Don'ts

Never rotate, distort, recolor, or add effects to the logo.

Logo don'ts examples

Light Background

Use the primary green logo on light backgrounds for maximum visibility and brand recognition.

Logo on light background

Dark Background

For dark backgrounds, use white or green variations to maintain contrast and legibility.

Logo on dark background

Style

Augusto Digital's style is modern, approachable, and professional, combining clean, minimal design with bold accents that convey innovation and clarity.

Iconography

Our iconography style is simple, geometric, and friendly. Icons should be clean and minimal, using 2px strokes with rounded corners.

Laptop icon
Phone icon
Graph icon
Lightbulb icon
Calendar icon
Tools icon
Layout icon
Chess icon