Triageloop

Brand Kit

Official brand assets and guidelines for Triageloop.

Download Brand Kit (JSON)

Logo

The Triageloop logo is a wordmark only — text rendered in Space Grotesk 600. No icon is used with the logo.

Triageloop Light Logo
Light (for dark backgrounds) SVG
Triageloop Dark Logo
Dark (for light backgrounds) SVG
Triageloop Black Logo
Black (print on white) SVG
Triageloop White Logo
White (print on dark) SVG

Contained Logo

Wordmark on dark background with subtle violet hue — ideal for profile pictures, app icons, and marketing tiles.

Contained Logo Wide
Wide (240×64) SVG
Contained Logo Square
Square (400×400) SVG

Favicon

FAVICON ONLY

The loop icon is exclusively for browser favicons. Never use as a standalone logo or in marketing materials.

Triageloop Favicon
32×32 SVG SVG

Typography

Logo Only

Space Grotesk

Weight: 600 · Letter-spacing: -0.025em

Google Fonts
Headings & Body

Inter

Weights: 400, 500, 600, 700

Google Fonts

Text Styles

Display XL · 48-96px · 700

Build Better

Display LG · 36-72px · 700

Transform Your Business

Heading 1 · 36-60px · 700

Our Services

Heading 2 · 30-48px · 700

Website Development

Heading 3 · 20-24px · 600

Custom Design

Body · 15-16px · 400

We build high-converting websites and AI chatbots for local service businesses across the USA. Turn visitors into booked appointments 24/7.

Caption · 13-14px · 400

Serving businesses nationwide since 2026

Email Assets

Optimized logos for email headers and signatures.

Email Header Logo
Header (360×52) SVG
Email Header Logo Dark
Header Dark (360×52) SVG
Email Signature
Signature (150×28) SVG

Social Media

Profile icons for LinkedIn, Twitter/X, Facebook, and other platforms. 400×400px.

Social Icon Dark
Dark Background SVG
Social Icon Gradient
Gradient Background SVG

SEO Assets

ENTERPRISE

Optimized images for social sharing, search engine visibility, and Google Knowledge Panel.

OpenGraph Image
OpenGraph SVG

1200x630 · Facebook, LinkedIn

Twitter Image
Twitter/X SVG

1200x675 · Twitter, Google Discover

Knowledge Panel Logo
Knowledge Panel SVG

1000x1000 · Google Knowledge Graph

Color Palette

Brand Gradient

linear-gradient(90deg, #8B5CF6, #D946EF, #EC4899)

Brand Colors

Gradient Start
#8B5CF6
Gradient Mid
#D946EF
Gradient End
#EC4899
Primary
#A855F7
Accent
#D946EF

Backgrounds

Base
#0F172A
Surface
#1E293B
Elevated
#334155

Text Colors

Primary
#F1F5F9
Secondary
#94A3B8
Muted
#64748B

Developer Resources

Font Embed (HTML)

HTML
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600&display=swap" rel="stylesheet">

CSS Usage

CSS
.logo { font-family: 'Space Grotesk', sans-serif; font-weight: 600; letter-spacing: -0.025em; }
body { font-family: 'Inter', sans-serif; }
h1, h2, h3 { font-family: 'Inter', sans-serif; font-weight: 700; }

All Downloads

Usage Guidelines

Do

  • Use the wordmark (text) as the logo
  • Use light logo on dark backgrounds
  • Use dark logo on light backgrounds
  • Maintain clear space around logo
  • Use Inter for all text content

Don't

  • Never use loop icon as a logo
  • Never combine loop with wordmark
  • Don't use light logo on light bg
  • Don't alter logo colors
  • Don't stretch or distort

© 2026 Triageloop. All brand assets are proprietary.