CURATED · OPEN · FREE

Warpcast

A decentralized social network with a calm, dark-mode-first interface focused on ownership and building.

cryptosocial
Warpcast screenshot
↓ Download design system (2 MB)Open in OpenDesign

Visit: https://warpcast.com

📦 Browse pack contents →

01

Identity DNA

DecentralizedSocialIdentityBuildingCommunity

A dark, serene portal to a decentralized social universe

02

Color

#7959FFAccent
#FFFFFFInk
rgba(255,255,255,0.8)Ink soft
#121212BG
rgba(255,255,255,0.5)Muted
rgba(255,255,255,0.1)Line

Deep, dark backgrounds with high-contrast white text and a vibrant purple accent for primary actions

03

Typography

humanist-sans

04

Spacing

4px
8px
16px
24px
32px
48px
64px
96px

Consistent 4px grid-based spacing

05

Surfaces

sm · 4px
md · 8px
lg · 12px
pill · 300px

1px solid rgba(255,255,255,0.1)

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Split hero with phone mockup on left, content on right

07

Motion & Interaction

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

Transition on all interactive elements

Subtle color shift on primary buttons · Immediate response

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

Farcaster (Warpcast) is a decentralized social network positioned as a calm, dark-mode-first platform for building and community. The key colors are a deep charcoal background (#121212), white primary text (#FFFFFF), and a vibrant purple accent (#7959FF) for primary actions like signing up. Typography uses clean humanist-sans-serif fonts (Inter/SeasonMix) for a modern, readable feel. Critical donts include: never use light or white backgrounds as the core interface is dark; avoid sharp corners on primary buttons which are distinctly pill-shaped; and never use low-contrast text which would violate the high-accessibility dark theme. The layout is spacious and focused, often using a split hero with an app mockup. The voice is direct and empowering.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko