Augment

Brand Guidelines & Assets.

The official master system for Augment identity, downloadable vector logos, complete color palette with 5 Onyx grays, typography, and client presentation standards.

Core Identity & Voice

Where AI stops! Augment begins.

We help SaaS teams close the gap between an AI-built MVP and a product people actually want to use. Clean design, intuitive flows, and a dedicated designer starting tomorrow.

01 / Palette10 Tokens

Core Brand Colors

Our identity is rooted in Onyx and warm Parchment, punctuated by our signature Amber Gold and dynamic spectrum accents.

OnyxFoundation
#111111

Foundational ink, primary text, high-contrast dark surfaces & button fills.

RGB: 17, 17, 17
Deep TwilightDepth
#1B065E

Midnight violet; rich depth, hero background accents & dark cards.

RGB: 27, 6, 94
Electric IndigoElectric
#5E2BFF

Vibrant electric purple; dynamic interactive highlights & tech accents.

RGB: 94, 43, 255
Cayenne RedAccent
#F35B04

Bold high-impact warm accent, notifications, alert states & urgent callouts.

RGB: 243, 91, 4
Tiger OrangeWarmth
#F18701

Dynamic mid-tone orange, visual energy & warm graphic accents.

RGB: 241, 135, 1
Golden OrangeHighlight
#F4A001

Amber highlight, gradient transitions & secondary warm details.

RGB: 244, 160, 1
★ Signature Accent
Amber GoldSignature
#F7BA00

Augment Signature Accent; key hero underlines, primary CTAs, active tags & badges.

RGB: 247, 186, 0
Soft Linen (Deep)Surface
#E8E3D6

Warm editorial neutral; structured card surfaces & subtle outline borders.

RGB: 232, 227, 214
Soft Linen (Light)Recessed
#EFEDE4

Recessed canvas, alternating section grounds & subtle depth shifts.

RGB: 239, 237, 228
ParchmentCanvas
#F6F4EE

Primary light ground canvas, main reading surface & slide deck stage.

RGB: 246, 244, 238
02 / Neutrals5 Tones

5 Gray Tones from Onyx

Stepped directly from Onyx (#111111) to create an optically balanced scale for elevations, borders, secondary text, and soft fills.

Base #111111
#1F1F1F
#4A4A48
#7A7A78
#BCBCBA
#EDEDEA
Onyx 900 (Charcoal)#1F1F1F

Elevated dark surfaces, floating cards & dark-mode panels.

Onyx 700 (Graphite)#4A4A48

Secondary dark text on light backgrounds, subdued section titles.

Onyx 500 (Steel)#7A7A78

Tertiary text, metadata, date stamps, placeholder labels & neutral icons.

Onyx 300 (Silver)#BCBCBA

Hairline dividers, subtle card borders, inactive toggles & separators.

Onyx 100 (Mist)#EDEDEA

Recessed wells, soft badge backgrounds, code block surfaces & pills.

03 / TypeManrope & Mono

Typography Hierarchy

Manrope serves as our primary voice: crisp, modern, and disciplined. Geist / monospace accents handle technical metadata, kickers, and pill badges.

Display / Hero TitleManrope ExtraBold 800 · -0.04em

Where AI stops! Augment begins.

Section Heading (H2)Manrope Bold 700 · -0.02em

Close the gap between an AI MVP and product love.

Body CopyManrope Regular 400 · 1.6 Line Height

We help SaaS teams close the gap between an AI-built MVP and a product people actually want to use. Clean design, intuitive flows, and a dedicated designer starting tomorrow.

Metadata & KickersMonospace 600 · 0.12em Tracking Uppercase

01 / IDENTITY SYSTEM — MASTER SPECIFICATION

Manrope is available freely under the SIL Open Font License on Google Fonts.Get Manrope Font
04 / AssetsLogo Suite

Official Logos & Asset Downloads

The full wordmark is our primary signature. Use the logomark for compact or already-branded contexts. Download vector SVG or high-resolution PNG assets below.

Primary Wordmark (Dark)

Primary Wordmark (Dark)

For light backgrounds & Parchment surfaces

SVG
Primary Wordmark (PNG)

Primary Wordmark (PNG)

High-resolution raster for email & docs

PNG
Primary Wordmark (White)

Primary Wordmark (White)

For dark backgrounds, Onyx & Deep Twilight

SVG
Compact Logomark (Dark)

Compact Logomark (Dark)

For favicons, avatars & compact UI stamps

SVG
Compact Logomark (White)

Compact Logomark (White)

For dark headers, floating chips & watermark

SVG
05 / Guidance4 Rules

Usage Guidance & Clear Space

A few simple principles keep every appearance clear, confident, and consistent across product, marketing, and client presentations.

01

Keep it clear

Give the logo enough room to breathe. Use the height of the “A” as the minimum clear space on every side.

02

Keep it legible

Use the white logo on dark or image backgrounds, and the black logo on light backgrounds.

03

Keep it intact

Do not stretch, rotate, outline, recolor, rearrange, or add effects to the Augment logo.

04

Lead with Augment

Use the full wordmark for first impressions. The logomark is best for compact or already-branded contexts.

06 / Client Presentation Standard

Interactive HTML Slide Deck (/overview)

A modern, slide-by-slide pitch deck designed to present Augment to prospective SaaS clients. It adapts website components directly into full-viewport presentation slides, framed in our signature dark stage.

01 · OVERVIEW

Where AI stops! Augment begins.

Stage: Framed 20px inset · Background: #F6F4EE · Accent: #F7BA00 · Nav: Floating bottom controller

Consistent Excellence

Need tailored assets or collaboration?

Whether building co-branded materials, client decks, or press features, we ensure everything matches the Augment standard.

Brand Guidelines & Assets | Augment. Lab