@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: []
};


Developer Resources

Community Highlights

Community Guidelines

Community

Community & Support

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

Search Context Size

Guides designed to help developers build with Sonar

Sonar Cookbook

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

Register and make a successful API request

Discussions

Community & Support

Join the Conversation

We're Here to Help

Developer Resources

Community Highlights

Developer Spotlight

Upcoming Events

Knowledge Base

Community Guidelines

Discussions

Join the Conversation

We're Here to Help

​Developer Resources

​Community Highlights

Developer Spotlight

Upcoming Events

Knowledge Base

​Community Guidelines

Developer Resources

Community Highlights

Community Guidelines