Brands813
↑ ↓ to browse
View full design.md ↗
Cosmos· Designcosmos.so
Design

Cosmos

A warm off-white mood board where Cosmos Oracle — the brand's proprietary grotesque — floats large and light over a canvas of drifting imagery, a near-black pill is the only CTA, and the entire chromatic vocabulary reduces to a near-neutral warm gray scale plus a single blue-indigo link accent.

Color Palette20 tokens
background#ffffff
surface#f2f1f0
surface-paper#f7f5f3
surface-hero#f9f7f3
ink#0d0d0d
ink-secondary#6e6a69
ink-tertiary#9a9796
ink-muted#d0cdcd
on-primary#ffffff
primary#0d0d0d
primary-hover#323131
accent#2965f6
accent-hover#1a4fd6
success#00b158
error#bd3c1f
error-text#bd3c1f
border#e0dfdf
border-strong#0d0d0d
shadow-soft#000000
shadow-medium#000000
Buttons
TypographyGoogle Font
DM Sansbrand uses cosmosOracle
display-hero

The quick brown fox

74px · 350 · -3.7px
display

The quick brown fox

66px · 400 · -2.64px
heading-section

The quick brown fox

36px · 400 · -1.44px
heading-sub

The quick brown fox

26px · 400 · -0.78px
body-large

The quick brown fox

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

Cosmos

A warm off-white mood board where Cosmos Oracle — the brand's proprietary grotesque — floats large and light over a canv…

Design
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
Cosmos
A warm off-white mood board where Cosmos Oracle — the brand's proprietary grotesque — floats large and light over a canvas of drifting imagery, a near-black pill is the o…
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
NewCosmos just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignCosmos
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 Cosmos.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Cosmos tokens
export const theme = {
  primary: "#0d0d0d",
  radius: "6px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Cosmos is a visual discovery and moodboarding tool — and its interface reads like a well-lit gallery wall. The canvas is warm near-white (), somewhere between paper and plaster, an…

Cosmos · Design

Similar systems

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

Filter by this ↗
Fontshare71%

shared styles: Minimal, Warm, Editorial · same category: Design

MetaLab71%

shared styles: Minimal, Warm, Editorial · same category: Design

Unpack71%

shared styles: Minimal, Editorial, Light · same category: Design

Studio Herrström67%

shared styles: Minimal, Editorial, Light · same category: Design

Readymag67%

shared styles: Minimal, Editorial, Light · same category: Design

Paper66%

shared styles: Minimal, Warm, Light · same category: Design