@font-face {
  font-family: "FK Grotesk";
  src: url("https://r2cdn.perplexity.ai/fonts/FKGrotesk.woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "FK Grotesk";
  src: url("https://r2cdn.perplexity.ai/fonts/FKGrotesk-Light.woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "FK Grotesk";
  src: url("https://r2cdn.perplexity.ai/fonts/ttf/FKGrotesk-Medium.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Berkeley Mono";
  src: url("https://r2cdn.perplexity.ai/fonts/BerkeleyMono-Regular.woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

code,
kbd,
pre,
samp,
.font-mono {
  font-family: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

:root {
  --color-primary: #1fb8cd;
  --color-paperwhite: #fbfaf4;
  --color-ecru: #e4e3d4;
  --color-offblack: #091717;
  --color-dark-olive-dark: rgba(119, 119, 77, 0.7);
  --color-dark-olive-light: rgba(108, 112, 75, 1);
}

body {
  font-family: "FK Grotesk", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "FK Grotesk", sans-serif;
}

/* Set the max width of the logo */
#navbar a img {
  max-width: 165px;
}

/* Primary nav button styling */
#topbar-cta-button .text-white,
#topbar-cta-button svg {
  font-family: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace !important;
  color: var(--color-offblack);
}

#topbar-cta-button .rounded-full {
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid var(--color-offblack);
}

/* Active under tab */
#navbar .group .absolute.bg-primary {
  background-color: var(--color-primary);
}

.text-5xl {
  font-size: 3rem;
}

.text-paperwhite {
  color: var(--color-paperwhite);
}

.text-ecru {
  color: var(--color-ecru);
}

.text-offblack {
  color: var(--color-offblack);
}

.text-primary {
  color: var(--color-offblack);
}

.bg-dark-olive {
  background-color: var(--color-dark-olive-light);
}

.dark {
  .bg-dark-olive {
    background-color: var(--color-dark-olive-dark);
  }
  .text-primary {
    color: var(--color-paperwhite);
  }
  #topbar-cta-button .text-white,
  #topbar-cta-button svg {
    color: var(--color-ecru);
  }

  #topbar-cta-button .rounded-full {
    border: 1px solid var(--color-ecru);
  }
}


document.documentElement.classList.add("dark");


module.exports = {
  content: [
    "./**/*.{html,js,jsx,ts,tsx,mdx,json,css}", // Include all relevant file types in your project
    "./styles.css"                              // Explicitly include your styles.css file
  ],
  theme: {
    extend: {}
  },
  plugins: []
};


Guides designed to help developers build with Sonar

Sonar Cookbook

Perplexity

Models

Learn how to set up your group, generate API keys, and make your first API call.

Initial Setup

Learn how to use the Perplexity API Portal to manage access, usage, billing, and team collaboration.

API Group

Pricing

Rate Limits and Usage Tiers

Prompt Guide

Search Domain Filter Guide

Structured Outputs Guide

Learn how to use Sonar's image upload feature.

Image Guide

Date Range Filter Guide

User Location Filter Guide

Search Context Size

We strive to improve our service every day by delivering the best search experience possible. To achieve this, we collect data using web crawlers (“robots”) and user agents that gather and index information from the internet, operating either automatically or in response to user requests. Webmasters can use the following robots.txt tags to manage how their sites and content interact with Perplexity. Each setting works independently, and it may take up to 24 hours for our systems to reflect changes.

Perplexity Crawlers

Learn about the MCP server implementation for the Sonar API.

Integrating MCP with Perplexity's Sonar API

Generates a model's response for the given chat conversation.

Chat Completions

Overview

Changelog

Application Status

Frequently Asked Questions

Upcoming features and improvements for the Perplexity API designed to enhance your development experience.

API Roadmap

Community

Community & Support

Register and make a successful API request