ToDesktop

ToDesktop

Preview image. Unlock full-res

Digital engineering lab

Industrydevtools
Palette
#05061b
#ffffff
#e5e7eb
#000000
#141414
#656565
#e6fff7
#c2c2c9
#d6d6db
#0036ff
#0093ff
#384642

ToDesktop employs a 'digital engineering lab' aesthetic, characterized by a dominant dark, cool blue background contrasting with crisp white and light gray interfaces. Subtle internal shadows create a sense of depth on surfaces, while a vivid Electric Blue serves as the primary accent for interactive elements and brand highlights. Typography is precise and utilitarian, fostering a high-tech, functional atmosphere. The design balances a serious, technical tone with moments of vibrant clarity. Prioritize Electric Blue (#0036ff) exclusively for primary calls-to-action and essential interactive states. Use a 999px border-radius for all primary buttons and badges to achieve a distinctly rounded, 'pill' aesthetic. Apply the Midnight Void (#05061b) for hero sections and dark mode cards to ground the interface in deep, cool tones. Employ Aeonik Pro with font-feature-settings 'ss02', 'ss05', 'ss10', 'ss11' for all main headlines to maintain its unique character. Ensure all body text and UI elements consistently use the Inter typeface with appropriate weight and size from the defined scale. Use Silver Mist (#e5e7eb) for all hairline borders and subtle dividers, maintaining visual separation without heavy lines. Whenever displaying code or terminal-like content, use Geist Mono with 0.03em letter-spacing at smaller sizes for legibility. Do not introduce new saturated colors; adhere strictly to Electric Blue and Sky Blue for chromatic accents. Avoid using harsh, opaque black shadows; prefer soft, multi-layered, often slightly tinted shadows from the defined list. Do not deviate from the specified border radii; mixing different radius styles will undermine component consistency. Never use primary text colors (#000000, #141414) on pure white (#ffffff) backgrounds in code or terminal UI components. Do not apply bold or black backgrounds to ghost buttons; they are defined by a transparent background with a neutral border. Avoid generic system fonts; always map text to Inter, Aeonik Pro, or Geist Mono as appropriate. Do not use white as a dominant background color in the hero section; it's reserved for light-themed feature sections.

More like this