ADITI Labs Brand Guide v2

Brand Overview

Company

ADITI Labs

Tagline

Clarity. Capability. Momentum.

Mission (plain)

Building practical systems for better human-AI collaboration.

Wordmark version

2D (lighter Labs weight, more contrast)

Primary typeface

Inter (all weights)

Brand tone

Elegant, precise, non-moralistic, non-ornamental

Stage

Early / v1 established. v2 in progress.

Guide version

2.0 — June 2026

Core principle

Stay minimal. Let typography, space, and tone carry the identity. Every element added to a composition is a choice — not a default.

ADITI Labs Brand Guide v2

Color System - Brand

#003049
Deep Navy --color-navy

Primary brand color. Headers, nav, dark backgrounds, formal documents.

#F2A900
Warm Gold --color-gold

Accent only. CTAs, the 'ADITI' wordmark highlight, eyebrow labels, thin rules.

#FDFDFD
Soft White --color-white

Page backgrounds, reversed text on navy/charcoal.

#5C677D
Slate Gray --color-slate

Body text on light backgrounds, captions, secondary labels.

#2B2D35
Charcoal --color-charcoal

Alternative dark section background. Slightly warmer than pure black.

#D62828
Signal Red System use only --color-signal-red

SYSTEM USE ONLY. Errors, required field indicators, alerts. Never for brand expression.

ADITI Labs Brand Guide v2

Color System - Functional and Surface

#F7F6F3
Warm Callout --color-bg-warm

Warm off-white surface color for section alternation. Card backgrounds, standard callout section backgrounds, alternating rows, formal documents.

#FFF8E6
Gold Callout --callout-gold

Accent only. CTAs, CTA cards, important callout section - use sparingly, only to indicate significance.

#F0F8F2
Success Green --dd-item.do

Success row backgrounds, indicate positive or approved actions

#FFF5F5
Signal red background --color-signal-red-bg

Error row backgrounds, signals prohibited action or warnings.

Surface color rules

  • ✓ Use surface colors sparingly to deliver maximum impact. Not required on every page.
  • ✓ Use only if it serves a purpose that can't be solved more elegantly.
  • ✓ Stay within the visual context of all pages on the site.
  • ✗ Don't use surface colors merely for decoration or filler.
  • ✗ Don't use surface colors as a replacement for Brand colors.

ADITI Labs Brand Guide v2

Typography

One typeface: Inter. Hierarchy is achieved through size and weight, not font variety. Inter is loaded via Google Fonts in this guide and in your Squarespace site font settings. ADITI's wordmark is a slightly modified version of Inter, built in Adobe Illustrator.

Hero / H1

2.75rem / Bold

Careful AI collaboration, for complex work.

Page heroes, primary section headers

H2

2rem / Bold

Careful AI collaboration, for complex work.

Section headings

H3

1.5rem / Bold

Careful AI collaboration, for complex work.

Subsection headings, card titles

H4

1.25rem / Medium

Careful AI collaboration, for complex work.

Small headings, sidebar labels

Lead / Intro

1.125rem / Regular

Careful AI collaboration, for complex work.

First paragraph of a page or section

Body

1rem / Regular

Careful AI collaboration, for complex work.

All running prose

Caption / Label

0.875rem / Regular

Careful AI collaboration, for complex work.

Captions, metadata, secondary UI

Eyebrow

0.75rem / Medium

SECTION LABEL

Above headings. ALL CAPS. Tracking: 0.1em. Color: Gold.

ADITI Labs Brand Guide v2

Typography - use of customization and lockups.

Use typography customization and lockups sparingly, for durable Brand-level assets only.

ADITI Labs example customized lockup for placement over an image.

Reference example: Custom tagline lockup, used for placement over images across multiple platforms.

When to use which mark

Wordmark (2D)Almost all contexts: nav, documents, social banners, email signatures.
Orb — full color1:1 ratio contexts: favicon (already set ✓), avatar, app icon, Discord server icon.
Orb — monochromeDark single-color contexts: embossing, dark-background app bars.
AL MonogramSub-16px contexts where wordmark is illegible. Rare.
Horizontal lockupProduct contexts: The Studio header, presentation title slides.

Clear space rule

Maintain clear space equal to the cap-height of the "A" in ADITI on all four sides of the wordmark. The orb minimum rendered size is 24px. Below that, use the AL monogram.

ADITI Labs Brand Guide v2

Imagery & Infographics - Visual Philosophy

Images are permitted and encouraged when they add meaning, context, observation, or understanding. Avoid imagery used only as decoration, filler, trend signaling, emotional manipulation, or implied importance.

Reality is always larger than the person.

Not overwhelming. Not crushing. Just larger.

A quick glance should see one thing. A longer look should see more. Images should reveal more as viewers spend time with them.

The image should feel discovered rather than staged, even when it is completely constructed.

The purpose of imagery is not to attract attention. The purpose of imagery is to direct attention to something meaningful. Business outcomes may follow. They are not the primary objective of the image.

ADITI Labs Brand Guide v2

Imagery & Infographics - Visual Language

Visuals should support and elevate the effectiveness of the overall communication. They may reward a viewer's careful attention, without requiring it.

Consider the attentional gravity of an image. Ensure that it supports the communication objective.

Images should never distract from, compete with, harm, or contradict ADITI’s brand messaging and core values.

Only use images that somebody could have genuinely noticed.

When using images of people:

Represent human presence, experience, and participation honestly and with dignity, but not in overly solemn, moralistic, aspirational, or generic ways.

Human imagery should show participation, attention, care, learning, collaboration, or discovery.

  • ✓ Prefer moments over poses.
  • ✓ Prefer activity over performance.
  • ✓ Prefer genuine engagement over symbolic "professionalism.”

The ADITI aesthetic is:

  • observed rather than staged
  • specific rather than generic
  • quiet rather than loud
  • natural rather than corporate
  • real texture
  • earned depth, natural structure
  • room for interpretation

Value the viewer’s time, attention, and intelligence.

Images may communicate humor, playfulness, familiarity, emotional tone, emphasis, rhythm, rest, nuance, persuasion, or commitment when those elements support the communication.

These are tools, not requirements.

No image needs to accomplish all of them. Most strong images accomplish only one or two exceptionally well.

ADITI Labs Brand Guide v2

Imagery & Infographics - Representational Honesty

Representation should be truthful.

Synthetic content is permitted. Synthetic content should not imply real people, events, customers, outcomes, or relationships that do not exist.

AI participation may be acknowledged when material to understanding provenance.

Trust takes precedence over aesthetic convenience.

Guiding principles

  • Be truthful.
  • Be observant.
  • Be thoughtful.
  • Don't become pompous.
  • Don't become beige.
  • Be clear.
  • Remain accountable to observation.
  • Don't imply what isn't true.
  • Don't manufacture emotions the content hasn't earned.

ADITI Labs Brand Guide v2

Imagery & Infographics - Visual reference guide

ADITI Visual reference guide

Visual reference guide v. 1

ADITI Labs Brand Guide v2

Imagery & Infographics - Counterexample moodboards

This is not a comprehensive set, it is just a few things to watch out for. (nb: these images are not ADITI IP)

Off-brand visual references.

Visual counterexamples reference v. 1

ADITI Labs Brand Guide v2

Imagery & Infographics - Operations

Process governance

All image and infographic use requires an HITL approval step prior to go-live.

Keeping creation and approval distinct protects both judgment and exploration. Independent review helps identify blind spots, while allowing creators the freedom to pursue unexpected directions during the discovery process.

Captioning and crediting

Use captions and credits when they improve clarity, provenance, attribution, or understanding.

Only use imagery ADITI has the rights to use.

ADITI Labs is both AI-positive and human-positive. Credit creators appropriately. When AI participation is material to understanding the origin of an asset, acknowledge it clearly and proportionately.

Fact-check all infographics prior to publication and document sources when appropriate.

Transparency should support trust and understanding. It should not become clutter, distraction, apology, or performative disclosure.

Only use imagery ADITI has the rights to use.

Use the simplest disclosure that communicates what a reasonable viewer would need to know.

Usage and placement

The default position is no image. Type, space, and color carry the brand. Images earn their place by adding meaning the text cannot. When in doubt, remove the image and see if the page improves.

When type is used over an image, the effect should be harmonious and legible. Darkening and lightening areas of images for type should be invisible corrections once completed.

Before adding an image, ask:

What does this image help the viewer understand that the text alone cannot?

Production checklist

  • Does this image add meaning text cannot?
  • Is it truthful/provenance-safe?
  • Does it support the communication objective?
  • Is it ADITI-specific rather than generic AI trope?
  • Has HITL approved it?

Adjustments for legibility

Whenever type is used over an image, the effect should be harmonious and non-distracting. Type should always be legible. Darkening and lightening areas of images for type should never be noticeable once completed, and should not negatively impact the visual communication of the image.

Sequencing and Sizing

When using multiple images, ensure that their placement, sequencing, and sizing support overall visual communication objectives.

Placement example

ADITI Labs placement example - LinkedIn banner with lockups

LinkedIn banner example

Image usage and intensity guidance

Heavy imagery appropriate

  • LinkedIn
  • Social posts
  • Articles and essays
  • Presentations
  • Thought leadership

Moderate imagery appropriate

  • About page
  • Studio pages
  • Selected landing pages
  • Platform profiles

Minimal imagery appropriate

  • Documentation
  • Governance artifacts
  • Reference materials
  • Token libraries
  • Notifications and automated messages

FPO asset placeholder

Approved for internal use only, as a placeholder image during layout creation or updates. May also be used as a placeholder while awaiting assets from a collaboration partner. Original is in the website repo.

Squarespace asset link: https://images.squarespace-cdn.com/content/685c6eeed7b5d32f30e5edb9/9b5babc8-b894-4876-9583-28718061a4ca/FPO.png?content-type=image%2Fpng

ADITI Labs internal FPO image - approved for internal use only

For internal use only - FPO image placeholder

ADITI Labs Brand Guide v2

Voice (embedded — standalone guide with tone, language and emoji use forthcoming)

ADITI Labs — Parent Brand Voice

Tone: Elegant, precise, iconoclastic — not ornamental or moralistic.
Register: Peer-to-peer. Not expert-to-novice. Not brand-to-consumer.
Avoids: Spiritual jargon, therapeutic framing, universal claims, hype.
Focuses on: State modeling, dynamics, calibration, clarity.
Use on: Website, LinkedIn, GitHub, documents, proposals.

The Studio — Product Voice

Tone: Warm, exploratory, responsive — meeting people where they are.
Register: Collaborative, not directive. Curious, not prescriptive.
Avoids: Jargon, performance pressure, false urgency.
Focuses on: Next steps, clarity, honest reflection.
Use on: Studio pages, Substack (transitional), Studio UI copy.

Know which voice you're in before you write.

The two voices are not interchangeable. Defaulting to The Studio's warmth in a LinkedIn post makes ADITI Labs sound soft. Defaulting to the parent brand's precision in a Studio session makes it feel cold. The product is warmer than the company — that's intentional.

ADITI Labs Brand Guide v2

Social Media System

ADITI Labs Brand Guide v2

Dos & Don'ts

These cover genuine ambiguity cases — things you or a collaborating LLM might actually get wrong. Obvious rules are omitted.

Logo Usage

Use the wordmark (2D weight) as the primary identifier in almost all contexts.

Use the orb icon for 1:1 ratio contexts: favicons, avatars, app icons, Discord server icons.

Use the horizontal lockup (orb + wordmark) for product contexts like The Studio header.

Don't use the orb as a decorative element on every page. It's a mark, not a texture.

Don't place the wordmark on gold backgrounds. It loses legibility and looks accidental.

Don't scale the logo below 24px (wordmark) or 16px (AL monogram). Use the orb at those sizes instead.

Don't stretch, rotate, recolor, or add effects to the wordmark or orb.

Color

Use gold as an accent — for one element per composition (a rule, a label, a CTA, a wordmark highlight).

Use Signal Red only for system states: errors, alerts, required field markers. It has no brand role.

Lead with navy + white in formal or print contexts. Reserve charcoal for digital-only dark sections.

Don't use gold as a background color for large areas. It reads as a warning, not a brand.

Don't use Signal Red in marketing copy, social posts, or any non-UX context.

Don't combine gold text on navy at small sizes — contrast is good, but gold at 12px is hard to read.

Don't introduce new colors. The palette is complete. If something feels missing, ask whether the layout or hierarchy is the real problem.

Typography

Use eyebrow labels (all caps, gold, wide tracking) above section headings to create hierarchy.

Use Inter Regular for all body text. Medium for UI labels. Bold for headings only.

Let type scale carry hierarchy. Resist adding more weight variants or colors to compensate for weak structure.

Don't use italic for emphasis in body copy. Use sentence structure instead.

Don't mix font sizes within a single heading. One size, one heading.

Don't underline text except for hyperlinks.

Imagery

Use abstract system graphics, minimal node maps, and light-field/depth photography consistent with the LinkedIn forest banner.

Use the orb as the primary visual anchor when a strong focal point is needed.

Leave room for the brand to breathe. Negative space is not a design problem — it's the design.

Don't use stock photography of people in meetings, handshakes, or computers. It conflicts directly with the brand's intellectual credibility.

Don't use spiritual imagery, mandalas, chakra graphics, or anything that implies a belief system.

Don't use AI-generated faces or abstract 'brain' imagery. Visual cliché in this space.

Don't use imagery as decoration. Every image should earn its place by adding meaning the text can't carry alone.

Voice (see standalone guide)

Write in the active voice. Prefer short sentences at key moments.

Use The Studio voice (warmer, exploratory) for Studio-specific content.

Use ADITI Labs parent voice (precise, layered, non-moralistic) for company communications, LinkedIn, GitHub.

Don't write 'we believe' or 'we are passionate about.' State what you do and how.

Don't use therapeutic or spiritual jargon: 'journey,' 'healing,' 'wholeness,' 'transformation' in the brand sense.

Don't confuse the two voices. The Studio is warmer. ADITI Labs is sharper. Know which context you're in.

LLM note: Don't default to encouraging language ('Great question!', 'Absolutely!'). The brand voice is direct. Match register to context.

Accessibility

For new page designs or major website changes, meet WCAG accessibility requirements.

ADITI Labs Brand Guide v2

CSS Tokens

A separate aditi-tokens.css file is provided alongside this guide. Paste its contents into Squarespace → Settings → Advanced → Code Injection → Header. This defines all variables once, site-wide. Individual page code then references var(--token-name) instead of hardcoded values.

Quick reference — most-used tokens

/* Color */
color: var(--color-navy);        /* #003049 */
color: var(--color-gold);        /* #F2A900 */
background: var(--color-white);  /* #FDFDFD */

/* Type */
font-size: var(--text-base);     /* 1rem / 16px */
font-size: var(--text-2xl);      /* 2rem / 32px */
font-weight: var(--weight-bold); /* 700 */

/* Spacing */
padding: var(--space-8);         /* 2rem / 32px */
gap: var(--space-4);             /* 1rem / 16px */

/* Error states (system use only) */
color: var(--color-signal-red);
background: var(--color-signal-red-bg);

Implementation note for novice coders

You don't need to rewrite all existing page CSS at once. Start by pasting the token file into global header injection. Then, when you touch a page for any other reason, swap hardcoded values to variables. Over time the pages self-consolidate. Don't do a big-bang refactor — it's not worth the risk on a live site.