Интранетус

Интранетус

Preview image. Unlock full-res

Whiteboard doodle productivity

Industryproductivity
Palette
#ffffff
#000000
#2c3038
#555555
#b3b3b3
#96989c
#0089ff
#b3dcff
#384bec

The Интранетус design system presents a clean, brightly lit interface centered around a vivid blue accent. This blue is used sparingly but impactfully to highlight interactive elements and convey primary actions. Typography is a mix of modern sans-serifs and a more traditional serif for headings, creating a subtle tension between straightforward utility and classic legibility. Component surfaces are generally crisp white, relying on ample negative space and minimal borders rather than heavy shadows for definition. Prioritize Canvas (#ffffff) and Ink Black (#000000) for most UI elements, reserving Action Blue (#0089ff) for interactive states and primary calls to action. Apply a 25px border-radius to all primary buttons for a consistent pill-shape. Use ALSArtemiusSans for body text, UI labels, and navigation, maintaining an overall functional aesthetic. Employ ALSArtemiusSerif for main headings (28px and larger) to add gravitas and visual interest. Maintain comfortable spacing with a base unit of 4px; target 10px for element gaps and 28px for section gaps. Utilize mild shadows like rgba(44, 48, 56, 0.5) 0px 30px 140px -50px for subtle elevation, primarily on interactive elements or images. Use the Muted Blue Wash (#b3dcff) for subtle interactive element borders that require a softer visual cue than solid Action Blue. Avoid using multiple chromatic colors in close proximity; the design relies on a single vivid blue for accent. Do not introduce strong, opaque shadows; leverage the subtle, diffuse shadows provided (rgba(44, 48, 56, 0.5) 0px 30px 140px -50px). Refrain from heavy background gradients or patterns; the system values clean, solid surfaces. Do not deviate significantly from the established typefaces; ALSArtemiusSans and ALSArtemiusSerif define the typographic voice. Avoid excessive use of borders; many elements are defined by negative space and clear backgrounds. Do not use dark backgrounds for main content areas; the system is firmly established as a light theme with bright Canvas (#ffffff) surfaces.

More like this