Obsidian

Obsidian, dark-mode, technical

Preview image. Unlock full-res

Crystalline Knowledge Vault. A sharp, faceted digital space built for clarity and focus, with glowing violet veins of interaction.

Palette
#ffffff
#eeeeee
#bcbcbc
#a3a3a3
#3f3f3f
#1e1e1
#171717
#7c3aed
#a78bfa
#8a5cf5
#4ade80
#facc15

The design feels like being inside a piece of precision software—a dark, focused digital workspace where thoughts crystallize. The foundation is a near-black, void-like background (#171717), creating a high-contrast canvas. A single, electric violet accent (#7c3aed, #a78bfa) is used strictly for interactive elements like CTAs and links, acting as functional beacons in the dark. Typography is exclusively the system's native UI font, reinforcing its identity as a functional tool rather than a stylized marketing site. Instead of drop shadows, surfaces use a subtle, 1px white inset highlight, giving them an internal luminescence as if lit from within. Use the system UI font for all text to maintain the native-app feel. Reserve Amethyst (#7c3aed) and Lavender (#a78bfa) exclusively for interactive elements like buttons and links. Employ subtle 1px inset white glows for definition on dark cards and buttons. Maintain high contrast with light gray text (#eeeeee) on near-black backgrounds (#171717). Use pill-shaped radii (9999px) for tags and badges only; keep other elements sharp. Keep layouts centered and spacious, with generous vertical rhythm between sections. Do not use traditional drop shadows for elevation; prefer the inset glow effect. Do not introduce other saturated colors into the primary UI; stick to the violet-on-dark palette. Do not use decorative or serif fonts; the brand identity is utilitarian. Do not use bright or light-themed backgrounds for primary content sections. Do not use large border radii on cards or buttons; stick to the 8-12px range. Do not use lifestyle photography; focus on the product UI as the primary visual.

More like this