Skip to main content
SOLMEME
SOLMEME

Vault Memeverse portal

HomeHow It WorksCommunityAlphaMeme GeneratorMeme WallRoadmap
Vault HubTreasure GridGrand VaultSwap SOLMEMEWhale TrackerLeaderboardCommunity RaidsBuddy DropsSettings
Live Meme TokenToken ArchiveSOLMEME TokenTokenomicsInvestorsAnalyticsDesign System
CharityNFT GalleryLoreAbout
WhitepaperDiscordTelegram
Chart❤️ 5% charity
HomeVaultDropWhitepaper
  1. Design System

SOLMEME system

Cyberpunk components, tokens, and page patterns.

A living reference for keeping vault, alpha, token, and community pages visually consistent.

Color tokens

background

#0A0A0F

surface

#13131F

surfaceHover

#1A1A2E

border

#2A2A3E

primary

#9945FF

secondary

#00D4AA

cyan

#19FBFF

tertiary

#FF6B35

pink

#FF00FF

danger

#FF4757

textPrimary

#FFFFFF

textSecondary

#B4B4BE

textTertiary

#6E6E7E

success

#22C55E

warning

#EAB308

Component samples

Vault-readyMock alpha

Vault card

Rounded 12px panel, subdued copy, cyan signal accent.

Prediction market

Rounded 12px panel, subdued copy, cyan signal accent.

Alpha insight

Rounded 12px panel, subdued copy, cyan signal accent.

Spacing, type, shadows

Spacing

xs0.5rem
sm0.75rem
md1rem
lg1.5rem
xl2rem
2xl3rem
3xl4rem

Radii

sm0.5rem
md0.75rem
lg1rem
xl1.25rem

Animation

fast160ms
base220ms
slow420ms

Glass panels

Use translucent dark surfaces, 1px white borders, and cyan hover glow for primary vault cards.

Cyber CTAs

Use gradient or cyan-outline buttons for major actions. Keep touch targets at least 44px tall.

Data cards

Pair mono uppercase labels with large Space Grotesk metrics for vault stats and prediction markets.

Motion

Small translate and opacity transitions are preferred; avoid layout-shifting animated content.