Brands813
↑ ↓ to browse
View full design.md ↗
State of AI Design· Mediastateofaidesign.com
Media

State of AI Design

Editorial research-report minimalism — Beausite Classic grotesque with tight negative tracking, oversized display headlines (up to 120px), pure-white canvas with warm off-white sections, true-black ink, and a tri-tone accent kit (electric blue, lavender, orange) used as section signals. Geist Mono for technical/index labels.

Color Palette17 tokens
background#ffffff
surface#ffffff
surface-soft#f7f6f4
ink#000000
ink-soft#212121
ink-2b#2b2b2b
ink-secondary#999999
primary#0099ff
accent-lavender#cdabfe
accent-orange#fe7141
accent-indigo#334891
accent-sage#d1ddd3
border#e6e4e0
border-strong#000000
on-primary#ffffff
on-ink#ffffff
on-accent#000000
Buttons
TypographyGoogle Font
Interbrand uses Beausite Classic Medium
display-mega

The quick brown fox

120px · 500 · -6px
display-hero

The quick brown fox

85px · 500 · -4px
display-large

The quick brown fox

72px · 500 · -3px
section-heading

The quick brown fox

48px · 500 · -1.92px
sub-heading

The quick brown fox

32px · 500 · -0.96px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

State of AI Design

Editorial research-report minimalism — Beausite Classic grotesque with tight negative tracking, oversized display headli…

Media
none
xs
sm
md
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
State of AI Design
Editorial research-report minimalism — Beausite Classic grotesque with tight negative tracking, oversized display headlines (up to 120px), pure-white canvas with warm off…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewState of AI Design just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeMediaState of AI Design
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to State of AI Design.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// State of AI Design tokens
export const theme = {
  primary: "#0099ff",
  radius: "12px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

State of AI Design reads like a printed research annual translated to the web — an editorial report broken into numbered chapters (Tools, Craft, Teams), where typography does almos…

State of AI Design · Media