← OpenDesign CURATED · OPEN · FREE
Enter Support De
A restrained corporate identity for an IT support firm using geometric illustrations and a muted, calming palette.
Hardware Calm Restraint Editorial Geometric
01
Identity DNA
Technical Reliable Calm Support B2B
A clean, organized workshop or a calm corporate lobby.
02
Color
#ff5000Accent
#000000Ink
#282828Ink soft
#c4dbd8BG
#f9f8eaBG soft
rgba(0,0,0,0)Line
Muted primary background with sharp high-chroma accents and dark UI elements.
03
Typography
grotesque-sans · monospace
display 28px · 400body 16px · 400Use monospace for technical callouts or specific UI elements. · Maintain a clean, unhurried typographic rhythm.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
generous padding in content blocks (e.g., 130px 100px 180px)
05
Surfaces
sm · 4px
md · 8px
lg · 15px
pill · 999px
None observed.
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Full-width color blocks transitioning into white content areas.
07
Motion & Interaction
100ms micro
300ms small
800ms medium
cubic-bezier(0.1, 2.5, 0.5, 1) easing
Elastic transform animations for geometric elements. · Linear duration for longer structural shifts.
Color transitions on UI elements. · Elastic transform on interactive elements.
08
Components
button Dark background with white text, rounded corners (15px radius). card None observed. chip None observed. input None observed. hero Full-width color block featuring abstract geometric illustrations and minimal text. 09
Voice & Don'ts
Tone Professional, calm, and reassuring. Headlines Simple, declarative sentences in German. CTAs Direct and functional. Don't use drop shadows — screenshot shows completely flat surfaces. Don't use drop shadows — screenshot shows completely flat surfaces. Don't use drop shadows — screenshot shows completely flat surfaces. Don't use complex gradients — screenshot shows solid color blocks. Don't use decorative serif fonts — screenshot shows purely sans-serif and monospace typography. Don't use aggressive, high-saturation background colors — screenshot uses a muted teal. Avoid: Marketing hype Avoid: Aggressive language Avoid: Complex jargon without context 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
Design a calm, reliable interface for a B2B IT support firm. Use a muted teal (#c4dbd8) primary background, white content areas (#f9f8ea), and dark UI elements (#282828). Accent with a sharp orange (#ff5000). Typography should be clean grotesque-sans for display/body and monospace for specific technical elements. Avoid drop shadows, gradients, and aggressive marketing language. Use generous spacing and simple geometric illustrations to convey reliability.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is a strong example of restrained, professional corporate design that uses geometric abstraction to convey reliability without being cold.
