Brands813
↑ ↓ to browse
View full design.md ↗
Radian· Autorideradian.com
Auto

Radian

Performance-machine editorial: near-black canvas with a single high-voltage acid-yellow accent, oversized condensed display type, mono technical labels, and squared-off hardware-grade chrome. The visual language of an electric performance motorcycle: dark, confident, instrument-panel precise.

Color Palette22 tokens
background#0a0a0a
surface#141414
surface-soft#1c1c1c
ink#f5f5f3
ink-secondary#a3a3a0
ink-muted#6e6e6c
primary#e8ff3a
accent-hover#d4eb1f
accent-deep#b8cc14
on-primary#0a0a0a
on-ink#0a0a0a
border#2a2a2a
border-strong#3d3d3d
divider#1f1f1f
focus-ring#e8ff3a
surface-hover#202020
gray-50#f5f5f3
gray-300#a3a3a0
gray-500#6e6e6c
gray-700#3d3d3d
gray-800#1c1c1c
gray-900#0a0a0a
Buttons
TypographyGoogle Font
Oswald
display-hero

The quick brown fox

72px · 700 · -1.5px
display

The quick brown fox

52px · 700 · -1px
section-heading

The quick brown fox

36px · 600 · -0.5px
card-title

The quick brown fox

24px · 600 · 0px
body-large

The quick brown fox

20px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Radian

Performance-machine editorial: near-black canvas with a single high-voltage acid-yellow accent, oversized condensed disp…

Auto
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
Radian
Performance-machine editorial: near-black canvas with a single high-voltage acid-yellow accent, oversized condensed display type, mono technical labels, and squared-off h…
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
NewRadian just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeAutoRadian
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 Radian.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Radian tokens
export const theme = {
  primary: "#e8ff3a",
  radius: "6px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Radian's site is the brand face of a high-performance electric motorcycle, and the design system reads exactly like the machine it sells: matte-black, instrument-precise, and charg…

Radian · Auto

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Triumph Motorcycles91%

shared styles: Bold, Dark, Editorial · same category: Auto

Lotus84%

shared styles: Bold, Dark, Editorial · same category: Auto

Ducati81%

shared styles: Bold, Dark, Editorial · same category: Auto

Renault75%

shared styles: Bold, Dark · same category: Auto

McLaren73%

shared styles: Bold, Dark · same category: Auto

Obys70%

shared styles: Bold, Dark, Editorial · visual DNA: Dark, Muted, Warm