/* Base styles */
:root {
  --background: #FFFFFF;
  --text: #2B2B2B;
  --text-light: #666666;
  --border: #E5E5E5;
  --primary: #5555F2;
  --link: #2B2B2B;
  
  /* Spacing */
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
}

/* Typography */
body {
  font-family: 'Suisse Int\'l', -apple-system, sans-serif;
  color: var(--text);
  line-height: 1.6;
  background: var(--background);
}

/* Navigation */
.nav-section {
  padding: var(--space-2) 0;
}

.nav-section-active {
  background: #F5F5F5;
  margin: 0 -1rem;
  padding: var(--space-2) var(--space-4);
}

.nav-section-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--text-light);
  letter-spacing: 0.05em;
  padding: var(--space-4) var(--space-4) var(--space-2);
}

.nav-group {
  font-size: 0.875rem;
  font-weight: 500;
}

.nav-item {
  padding: var(--space-2) var(--space-4);
  color: var(--text-light);
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.nav-item:hover {
  background: #F5F5F5;
  border-radius: 6px;
}

.nav-item.active {
  color: var(--text);
  background: #F5F5F5;
  border-radius: 6px;
}

/* Content */
.content {
  max-width: 768px;
  padding: var(--space-8);
}

h1 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: var(--space-6);
  letter-spacing: -0.02em;
}

h2 {
  font-size: 1.875rem;
  font-weight: 600;
  margin: var(--space-8) 0 var(--space-4);
  letter-spacing: -0.02em;
}

p {
  margin-bottom: var(--space-4);
  color: var(--text-light);
}

/* Info boxes */
.info-box {
  padding: var(--space-4);
  background: #F8F9FC;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  margin: var(--space-6) 0;
}

/* Cards */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-4);
  margin: var(--space-6) 0;
}

.card {
  padding: var(--space-6);
  border: 1px solid var(--border);
  border-radius: 8px;
  transition: all 0.2s ease;
}

.card:hover {
  border-color: var(--primary);
}

.card-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: var(--space-3);
}

.card-description {
  color: var(--text-light);
  font-size: 0.875rem;
}

/* Header */
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) var(--space-8);
  border-bottom: 1px solid var(--border);
}

.header-nav {
  display: flex;
  gap: var(--space-6);
}

/* Search */
.search-input {
  width: 100%;
  max-width: 600px;
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 0.875rem;
}

/* Links */
a {
  color: var(--link);
  text-decoration: none;
}

a:hover {
  color: var(--primary);
}

Attio

Default Setup Guide

Default is an inbound qualification, scheduling, and routing platform.

What is Default?

Forms

HubSpot Forms

HTML Forms

Forms SDK

Error handling to notify you of any form submissions failures.

 Forms Observability 

Default Pixel

Set up Zoom as your preferred meeting provider.

Zoom

Salesforce

Use Amplemarket to enrich leads and/or start sequences

Amplemarket

Features & Improvements

Resources

Contact Us

Blog

Documentation

Changelog

Dashboard

Support

Create an Account

Settings & Configurations

Workspace Branding

Glossary

Queue Configuration

Readable logs to determine how leads are routed using Default.

Queue Logs

Common questions regarding queues & Default.

Queue FAQs

Use plain text to describe your business routing logic to Default.

Territories & Segments

Events Configuration

Common questions regarding events & Default.

Event FAQs

Use Default to de-anonymize companies that visit your owned domain(s)

About Us

Workspace Onboarding

Forms

Routing

Scheduling

Data Marketplace

Nodes

Integrations

Attio