Internal · Unlisted

Brand Kit

The complete visual identity system for the Marc Domancie personal brand — colors, typography, logos, icons, social templates, and usage guidelines.

Logo & Wordmark

Primary brand marks and usage guidelines

marc.

Primary Wordmark

Main logo — dark backgrounds

Website, presentations, headers

m.

Minimal Mark

Compact — avatars, favicons

Social media, app icons, small spaces

marc.AI

Stacked

With descriptor — formal use

Business cards, email signatures

Apple Glass Variant

m.
m.
m.

Frosted glass icons for iOS, macOS, and presentation decks

Usage Rules

  • • Always include the green dot — it's the brand signature.
  • • Minimum clear space: width of the period on all sides.
  • • Only use on dark backgrounds (hsl 220 20% 4% or darker).
  • • Never stretch, rotate, skew, or add drop shadows.
  • • Glass variants only on frosted/blurred surfaces.

Animated Logo

Motion version for intros, video, and presentations

marc.

Hover to replay · Use for video intros, splash screens, and keynotes

App Icons & Favicons

Platform-specific icon treatments and sizes

m.

Favicon

32×32

m.

App Icon

180×180

m.

iOS

1024×1024

m.

Android

512×512

Core Palette

The foundational colors of the brand

Neon Green

Primary accent, CTAs, highlights

#39FF14
--primary

Background

Page & app backgrounds

#090B10
--background

Card Surface

Elevated surfaces, cards

#121620
--card

Foreground

Primary text, headings

#F2F2F2
--foreground

Muted Text

Secondary text, captions

#808A99
--muted-foreground

Border

Dividers, outlines

#232A38
--border

Extended Palette

Accent colors for iconography, social media, and feature differentiation

Lime 400

Light accent variant

#A3FF57

Emerald 500

Success states, positive

#10B981

Cyan 400

Info, links, secondary accent

#22D3EE

Violet 500

Premium, creative features

#8B5CF6

Amber 400

Warnings, highlights

#FBBF24

Rose 500

Destructive, urgent

#F43F5E

Slate 700

Subtle backgrounds

#334155

Slate 900

Deep surface layer

#0F172A

Gradients

Pre-approved gradient combinations for backgrounds, cards, and overlays

Neon Surge

linear-gradient(135deg, #39FF14, #22D3EE

Midnight Glow

linear-gradient(135deg, #39FF14, #8B5CF6

Solar Flare

linear-gradient(135deg, #FBBF24, #F43F5E

Deep Ocean

linear-gradient(135deg, #22D3EE, #8B5CF6

Carbon

linear-gradient(135deg, #232A38, #090B10

Glass Green

linear-gradient(135deg, rgba(57,255,20,0

Iconography

Icon style, weight, and color rules for consistent visual language

All icons use Lucide React — 24px, 1.5px stroke weight, rounded joins. Color follows the context:

Hexagon
Layers
Sparkles
Star
Square
Circle
Triangle
Globe

Icon Color Variants

Primary
Info
Premium
Warning
Alert
Neutral

Typography

Font families, weights, and scale

Display / Headings

Space Grotesk400 · 500 · 600 · 700

H1: 48–60px · H2: 30–36px · H3: 24px

Building AI systems.

Body / UI

Inter300 · 400 · 500 · 600 · 700 · 800 · 900

Body: 16px · Small: 14px · Micro: 12px

Clean, readable text for everything else.

Social & Marketing Formats

Standard dimensions for every platform and use case

Instagram Post

1080×1080px

Instagram Story

1080×1920px

LinkedIn Banner

1584×396px

X/Twitter Header

1500×500px

OG Image

1200×630px

Email Signature

600×200px

Email Signature

Standardized signature block for professional correspondence

Marc Domancie.

Founder & AI Operator

marcdomancie.com · ceo@marcdomancie.com

InstagramXTikTokLinkedIn

Copy this layout into your email client. Use Inter 14px for body text.

Voice & Tone

How the brand speaks across all channels

We sound like:

  • ✓ Direct and confident
  • ✓ Technical but accessible
  • ✓ Builder-first mindset
  • ✓ Calm authority

We never sound like:

  • ✗ Hype-driven or salesy
  • ✗ Overly casual or slangy
  • ✗ Corporate jargon-heavy
  • ✗ Apologetic or uncertain

Download Brand Pack

Logos (SVG, PNG), color swatches, icon set, social templates, and email signature files. For authorized use only.