Cosmos Network

Cosmos Network

Preview image. Unlock full-res

Midnight Ledger, sharp and precise

Industryfintech
Palette
#000000
#ffffff
#333333
#807f7f
#1e1f20
#f1f4f4
#22e2a8

Cosmos Network embodies a 'sophisticated darkness' aesthetic, utilizing a deep black canvas with stark white typography and subtle, near-gray surface treatments for content segmentation. The visual system projects authority and precision through a constrained color palette and compact, feature-rich typography. This creates a high-contrast, information-dense environment where text and data take precedence, punctuated by minimal UI elements that maintain a serious, technology-forward presence. Interactive elements are sparse, emphasizing clarity over visual flair. Prioritize Midnight Abyss (#000000) for all significant background areas to maintain the system's dark theme. Use Ghost White (#ffffff) for all primary text and critical UI elements to ensure high contrast and readability. Apply the The Future typeface with its specific font feature settings ('ss02', 'ss09') for all text elements to preserve brand identity. Segment content using subtle shifts in background color like Card Dark (#1e1f20) for cards, rather than relying on shadows or heavy borders. Maintain sharp edges for primary interactive elements, using a 0px border radius for ghost buttons and navigation links. Use Interface Green (#22e2a8) sparingly, only for small interactive indicators, active states, or subtle accent details. Apply a 20px border radius consistently to feature cards to soften their appearance while maintaining structural clarity. Avoid using saturated background colors or multiple vivid accents; the system prioritizes a monochrome, high-contrast palette. Do not introduce drop shadows for elevation; rely on background color changes for surface differentiation. Do not use generic system fonts; The Future with its specific settings is critical for typographic identity. Avoid overly complex layouts or decorative gradients; emphasize clean, structured content presentation. Do not use heavily padded or filled buttons as primary calls to action; prefer ghost or text-based interactions. Do not use large, rounded corners on primary interactive elements; keep them sharp with 0px radius. Avoid mixing light and dark themes unless explicitly for a specific component variation.

More like this