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.

Light (for dark backgrounds) SVG

Dark (for light backgrounds) SVG

Black (print on white) SVG

White (print on dark) SVG

Contained Logo

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

Wide (240×64) SVG

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.

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.

Header (360×52) SVG

Header Dark (360×52) SVG

Signature (150×28) SVG

Social Media

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

Dark Background SVG

Gradient Background SVG

SEO Assets

ENTERPRISE

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

OpenGraph SVG

1200x630 · Facebook, LinkedIn

Twitter/X SVG

1200x675 · Twitter, Google Discover

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; }