Design System

dribbble.com

Design system extracted from https://dribbble.com/shots/27632198-Drone-Product-Website-Design on 2026-08-09 (code-based analysis).

Source · https://dribbble.com/shots/27632198-Drone-Product-Website-Design Engine · Code analysis Created · Aug 9, 2026 13:19 Cost · $0.0000

Palette

Colors

primary

#111827

17.74 on white · 1.18 on black · 221° 39% 11%

Tokens in Context

card

radius12px

button-primary

radius12px

Proof

Complete Reference

Field	Value
Site / Project	https://dribbble.com/shots/27632198-Drone-Product-Website-Design
Analyzed on	2026-08-09
Analysis mode	Automated code extraction (no AI)

This design system was extracted programmatically from the source page. It is built on the detected palette. All type is set in "Arial".

Hex	RGB	HSL	Count

Primary typeface: Arial — stack: "Arial"

Size	Count

Value	Count

Radius	Count

Don't

Don't introduce colors outside the detected palette — every hue above was found in the source.
Don't add gradients — the source page uses flat fills exclusively.
Don't add drop shadows; the source page relies on borders and surface shifts for depth, not elevation.

:root {
  --font-sans: "Arial";
}