Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Zetwerk
ManufacturingZetwerk commands attention with a dramatic dark-to-light gradient backdrop that transitions from near-black to pristine white, creating an industrial sophistication that speaks to serious manufacturing ambitions. The electric lime-green accent color jolts against the monochromatic foundation, suggesting innovation disrupting traditional industry, while serif typography adds gravitas to bold manufacturing promises.
Design Identity
Signature Color
Voltage Lime
#d2e825
disruptive industrial innovation - the electric spark that transforms traditional manufacturing
Visual Identity
The signature dramatic gradient from dark charcoal to bright white creates a cinematic backdrop that makes content appear to emerge from industrial depths into clarity - no other manufacturing brand uses this theatrical light-emergence metaphor.
Component Style
Buttons feature sharp rectangular corners with the signature lime-green background and bold sans-serif text, creating an industrial precision aesthetic. No visible shadows or borders - components rely on stark color contrast against the gradient backdrop for definition.
Spacing Philosophy
Generous vertical breathing room with the hero section consuming the full viewport height, creating dramatic impact. Text elements are given massive scale (80px headlines) with ample whitespace, emphasizing the grandeur of manufacturing ambitions.
Design Principles
- Headlines use 80px serif typography for gravitas and authority
- Sharp rectangular buttons with no border radius maintain industrial precision
- Dramatic dark-to-light gradients create depth and emergence narrative
- Electric lime accent (#d2e825) provides sole color punctuation
- Full-viewport hero sections maximize dramatic impact
Target Audience
Enterprise manufacturing decision-makers and supply chain executives who value bold transformation over incremental improvement
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 80px | 400 | 96px | |
| h2 | 42px | 700 | 46.2px | |
| h3 | 60px | 700 | 56.4px | |
| h4 | 13px | 700 | 15.6px | |
| p | 16px | 400 | 21.76px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 16px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px |
Color Palette
#7a00df#007cba#006ba1#005a87#000000#abb8c3#ffffff#f78da7#cf2e2e#ff6900#fcb900#7bdcb5
