Cosmos Consult
DS · v0.7 · 10 BLOCKS

CosmosConsult

A design system in ten blocks. From chart to ignition.

T-10

Type & Hero

Three faces. One ignition.
ΔV 9.4 km/s
m₀ 507,200 kg
Isp 370 s
Cosmos Consult
Aa
Nasalization
Display · Headlines · Brand
Aa
Space Grotesk
Body · Content · UI
Aa
JetBrains Mono
Mono · Telemetry · Code
T-09

Color & Materials

Six tones. Five surfaces.
Brand
Deep Teal
#003F46
Cyan Teal
#008C93
Electric Aqua
#00F0E6
Blue Teal
#3FD1D6
Mint
#E6FFFA
Deep Navy
#0A1018
Semantic & Neutrals
Success
#4ADE80
Warning
#FFC857
Error
#FF5C7A
White
#FFFFFF
Black
#000000
Violet
#7A6CFF
Materials — when to use
Blueprint
Specs, briefs, technical reveals.
Graph Paper
Charts, ledgers, data backgrounds.
Brushed Metal
Product cards, hardware features.
Anodized
Hero panels, key feature highlights.
Carbon Fiber
Performance, engine, speed copy.
T-08

Cards

Hover to flip the cross-section.
Stats
1000
EUR · 1 sprint
~5×
vs. in-house month
10×
cheaper · faster
Metrics & text
Active sprints
1,247
+12% · vs. last month
Active client engagements across all studios.
Avg. lead time
5.4d
−18% · vs. last quarter
Brief to first deployable shipment, in days.
Note · CS-001

One sprint, one outcome

A sprint is a fixed scope, a fixed budget, and a hard delivery date. We design around constraints, not around hours.

Stas Prodan · 2026
Media
Mission · 04 Earth Horizon
strategybuild2 wk

Influencer Verify

Automated social integration, verification & metrics. Four sprints, one acceptance act.

From$2 000
X-Ray (hover to flip)
hover · X-Ray1000EUR
open
1 Sprint
spec · arch · code · test · deploy
X-RAY · CS-001SCALE 1:1
SPECARCHCODETESTDEPLACTW = 1 SPRINT · 5–7 DAYS
hover · X-Ray$2K· 2 wk
shipped
CS-002 · Influencer Verify
social · api · dashboard
X-RAY · CS-002ASSEMBLY
CORESOCIAL APIDASHW = 4 SPRINTS · 2 WEEKS
T-07

Spacing & Radii

8-pt grid. Generous corners.
Edge 56 / 32 (mobile)
Card pad 24 / 32
Gap 16 / 24
Section 80 / 120
Base 8-pt
Scale
s-1
4
s-2
8
s-3
12
s-4
16
s-5
20
s-6
24
s-7
32
s-8
40
s-9
56
s-10
80
s-11
120
Radii — bigger is bolder
flat0
xs8
sm16
md24
lg36
xl56
pill∞
T-06

Forms

Mono caps. Mono fields.
Select · single
  • Strategy
  • Build
  • Scale
  • Ops
Multi-select · chips
Strategy ×Build ×
Multi-select · with search
Build ×
Strategy
Build
Scale
Voice memo intake
Acceptance act
Image · drop & click
Drop image · or click to upload
PNG · JPG · up to 10 MB
Voice · tap to record
00:00
Chat · mic ⇄ send + attach
T-05

Gallery

Stroke-only. 1.4 px on a 26 px box.
Cosmos icons
Image gallery — hover to zoom
· 01 · Earth Horizon
· 02 · Nebula
· 03 · Saturn
Galaxy
Trail
Lunar
Pulsar
T-04

Motion

Animation must explain. Otherwise, cut it.

Hint pulse

tap here

Directional sweep

from → to
VOICE
PRD

Progress beacon

you are here

State morph

recording started
T-03

Navigation

Wayfinding patterns.
Cosmos
WorkServicesInsightsAbout
Home/Work/Sprints/CS-001 · Influencer Verify
…
T-02

Overlays

Spring 240 ms. Scale-from-96.
T-01

Status

Badges. Progress. Loading.
defaultopenshippedqueuedat riskblockedliverecording
Progress · 75%
Progress · 32%
Spinner
Skeleton
T-00 · Liftoff

Sky Is The Limit

Cosmos Consult · DS · v0.8 · 10 · 09 · 08 · 07 · 06 · 05 · 04 · 03 · 02 · 01 · 00