a0.dev Brand Identity

A complete profile of a0.dev's visual system — colors, typography, components, and personality — extracted from https://a0.dev. Built for designers, agents, and AI tools.

Quick Facts

Color Palette

• primary: #1A73E8
• secondary: #D2E3FC
• accent: #4285F4
• background: #101013
• textPrimary: #101013
• link: #4285F4

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Inter — https://fonts.google.com/specimen/Inter

Visual Assets

• Logo: https://a0.dev/logo-wide-white.svg
• Favicon: https://a0.dev/favicon.ico
• Social card (og:image): https://a0.dev/og-image.png

UI Components

• input: background=transparent, textColor=#FFFFFF, borderColor=null, borderRadius=6px, shadow=none
• buttonPrimary: background=#1C1D22, textColor=#FFFFFF, borderColor=#2A2B33, borderRadius=12px, shadow=none
• buttonSecondary: background=#16171B, textColor=#FFFFFF, borderColor=#2A2B33, borderRadius=12px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: developers and tech-savvy individuals

a0.dev Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• a0.dev - Phase 1 (WAGMA)
  • Image: https://a0.dev/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fagent-mode.7f7780d1.png&w=3840&q=75
  • Source: https://a0.dev/blog/phase-1-wagma
• a0.dev - Phase 1 (WAGMA)
  • Image: https://a0.dev/_next/image?url=%2Fblog-assets%2Fwagma-og.png&w=2048&q=75
  • Source: https://a0.dev/blog/phase-1-wagma
• a0.dev - Phase 1 (WAGMA)
  • Image: https://a0.dev/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnew-design.5156608d.png&w=3840&q=75
  • Source: https://a0.dev/blog/phase-1-wagma
• a0.dev - Blog
  • Image: https://a0.dev/twitter-image.png?cd1e02f627dab244
  • Source: https://a0.dev/blog
• a0.dev - Phase 1 (WAGMA)
  • Image: https://a0.dev/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpayments-screenshot.d3ebf7a6.png&w=3840&q=75
  • Source: https://a0.dev/blog/phase-1-wagma
• a0.dev - Phase 1 (WAGMA)
  • Image: https://a0.dev/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapp-store-deploy.84f01f15.png&w=3840&q=75
  • Source: https://a0.dev/blog/phase-1-wagma

Working with these fonts

Not found on Google Fonts? CharacterQuilt.com suggests a procedure for extracting font resources to ensure proper usage.