hasura

Instant GraphQL APIs on all your data

Hasura delivers accurate, fast, and secure data access for AI and digital experiences — trusted by data leaders and developers at Fortune 100 companies.

Color

Brand

Blue

#3970FD

Actions, links

Blue deep

#1E56E3

Hover, emphasis

Lime

#B6FC34

Run, speed, highlight

Blue light

#80A3FF

Accents on dark

Surfaces

Base

#000615

Navy-black page

Surface

#0A1120

Cards, panels

Elevated

#121A2E

Raised, hover

Light base

#F0F4FF

Light page

GraphQL syntax

Keyword

#DBC6FF

Field

#80A3FF

String

#B6FC34

Number

#FFE4B0

Typography · Archivo

display

Instant GraphQL APIs

Archivo700

Access and use your data

22px600

body

Accurate, fast, and secure data access for AI and digital experiences.

15px400

mono

query { users { id name } }

JetBrains Mono

Components

Buttons

Status

200 OK Cached Error Subscribed

Signature · GraphQL API Explorer

GraphiQL — queryquery

Response

Press ▶ Run to execute the operation

Ready · https://app.hasura.io/v1/graphql

Switch operations, press Run → Hasura executes the GraphQL and returns JSON with a 200 · N rows · Xms status.

Unofficial design reference · built from live hasura.io · not affiliated with Hasura