Skip to main content
Graphite UI

Create a theme

Pick one color. Graphite resolves eight ramps and thirty-two semantic roles from it, in both themes, and checks every pairing as it goes. See it on real components and take the code, or switch to Generative Art to turn the same color into a composition you can export.

The only free input; any hex works. The swatches show your color scales. Click one to copy its hex.

  • Reset puts the color and every setting back.
  • Surprise me picks a new color, theme, contrast target, radius, density, icons and typefaces.

Graphite - IBM Plex Sans

Designers love packing quirky glyphs into test phrases. This is a preview of the typography styles.

background
surface
surfaceVariant
outline
onSurface
onSurfaceVariant
primary
onPrimary
primaryContainer
onPrimaryContainer
secondary
onSecondary

Environment Variables

Production · 8 variables

  • DATABASE_URL••••••••
  • NEXT_PUBLIC_APIhttps://api.example.com
  • PAYMENTS_SECRET••••••••

Get alerted for anomalies

Automatically monitor your projects for anomalies and get notified.

Two-factor authentication

Verify via email or phone number.

Label
0100
BadgeSecondaryOutline
Plan

File Upload

Drag and drop or browse

Upload files

PNG, JPG, PDF up to 10MB

Reports have a new home

Ask questions about your data in plain language. The old reports page closes next month.

Warning

No Team Members

Invite your team to collaborate on this project.

Ship faster with automated review

Review runs on every pull request.

  • Code reviews with full codebase context to catch hard-to-find bugs.

  • Code suggestions validated in sandboxes before you merge.

  • Root-cause analysis for production issues with deployment context.

    Pro plan
Free trialNew teams get a 14-day free trial.

Profile

Manage your profile information.

Your name may appear around the site where you contribute or are mentioned. You can remove it at any time.
Public EmailYou can manage verified email addresses in your email settings.
You can @mention other users and organizations to link to them.

Contributions & Activity

Manage your contributions and activity visibility.

Enabling this will hide your contributions and activity from your public profile and from social features like followers, stars, feeds, leaderboards and releases.

Shortcuts

Search⌘K
Quick Actions⌘J
New File⌘N
Save⌘S
Toggle Sidebar⌘B

Browser Share

January - June 2026

Firefox
935Visitors
Firefox31%
Firefox share

Traffic channels

Monthly desktop and mobile traffic for the last six months, compare volume and mix across platforms and devices at a glance.

DesktopMobile
Desktop
1,224
Mobile
860
Mix Delta
+42%

Sleep Report

Last night · 7h 24m

2h 10m
Deep
3h 48m
Light
1h 26m
REM
84
Score
Good

Invoice #INV-2847

Due March 30, 2026

Pending
ItemQtyRateAmount
Flat white2$4.50$9.00
Cold brew1$5.00$5.00
Almond croissant3$4.00$12.00
Subtotal$26.00
Tax$0.00
Total Due$26.00

Weekly Fitness Summary

Calories and workout load by day

M
T
W
T
F
S
S

Inherit - IBM Plex Sans

Designing with rhythm and hierarchy.

A strong body style keeps long-form content readable and balances the visual weight of headings.

Thoughtful spacing and cadence help paragraphs scan quickly without feeling dense.

Book Appointment

Dr. Sarah Chen · Cardiology

Available on March 18, 2026

New patient?Please arrive 15 minutes early.

Cloud

Your workspaces in the cloud

No workspaces

You have no cloud workspaces for this project

Learn more about workspaces

Workspace usage is billed to your team.

Invite Team

Add members to your workspace

Role
Role

Shipping Address

Where should we deliver?

State
Country

Report Bug

Help us fix issues faster.

SeverityComponent

5 days remaining in cycle

Page views$1.83K
Data transfer$952.51
Storage$901.20
API calls$603.71
Build minutes524 / 2,000
Team seats1 / 50

404 - Not Found

The page you're looking for doesn't exist. Try searching for what you need below.

Go to homepage

Visitors

Last 6 months

+2% vs last month

Live Audio Waveform

Real-time microphone input visualization with audio reactivity

Analytics

418.2K Visitors