Brand

Brand Kit

Everything you need to represent ScribeAI consistently — logos, colours, typography, and usage guidelines.

Logos

Logo & Mark

Icon Mark

Gradient with white icon

ScribeAI

Full Logo — Dark BG

White wordmark + white icon

ScribeAI

Full Logo — Light BG

Dark wordmark + white icon

Clear space: Minimum 8px on all sides of the logo.

Minimum size: 24px icon mark height.

Don't: Stretch, rotate, recolour, or place on busy backgrounds.

Colours

Colour Palette

Primary Accents

Dark Mode Backgrounds

Light Mode

Primary Gradient

linear-gradient(135deg, #2dd4bf, #38bdf8)
Typography

Type System

Display / H1

The AI Scribe

Weight 900 · Letter-spacing -2px · Line-height 1.1

Section Title / H2

How It Works

Weight 900 · Letter-spacing -1.5px · Line-height 1.1

Card Title / H3

Audio Processing

Weight 800 · Letter-spacing -0.5px · Line-height 1.15

Body

ScribeAI uses advanced speech recognition to transcribe and structure clinical conversations.

Weight 400 · Line-height 1.75 · Size 1rem

Eyebrow / Label

FEATURES

Weight 700 · Uppercase · Letter-spacing 1.2px

Button

Get Started

Weight 700–800 · Size 0.88–1.05rem

Font: Plus Jakarta Sans — weights 300–900. This is the only typeface used across the entire product.
Components

UI Elements

Buttons

Badges

DefaultInfo

Icon Style

Outlined, stroke only

Stroke: 1.8px, Round caps

Lucide / Feather family

Border Radius

8px
14px
20px
Full

Spacing Scale

4
8
16
24
32
48

Card Pattern

bg-card · border-border · radius 20px · padding 24–32px · hover: teal glow + translateY(-4px)
Voice

Writing Guidelines

✓ Do

  • Write “ScribeAI” as one word, capital S and AI
  • Speak to clinicians as equals — professional, warm
  • Use the gradient only for primary CTAs and the logo mark
  • Always support both dark and light themes

✕ Don't

  • Write “Scribe AI” as two words or “scribeai”
  • Use posed, generic, or clinical-looking stock photos
  • Mix in additional typefaces or icon styles
  • Use solid-colour buttons (always gradient for CTAs)