Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
OfBusiness
B2BOfBusiness presents a bold industrial aesthetic that merges electric turquoise energy with professional navy authority. The Inter typography system creates operational precision while the dramatic warehouse imagery with aluminum coils establishes manufacturing credibility and B2B gravitas.
Design Identity
Signature Color
Industrial Turquoise
#00D4C4
manufacturing innovation and supply chain dynamism
Visual Identity
Dramatic industrial photography paired with electric turquoise accents creates an unmistakable manufacturing-meets-tech identity that screams B2B commerce.
Component Style
Rounded 6-8px corners with subtle shadows (0 2px 4px) create approachable professionalism. Components feel substantial but not heavy, with clean borders and confident hover states.
Spacing Philosophy
Generous breathing room in navigation (16px+ gaps) contrasts with dense category organization. The layout balances industrial efficiency with visual comfort through strategic whitespace.
Design Principles
- Border radius stays between 6-8px for friendly professionalism
- Typography uses Inter exclusively across 5 distinct weights
- Box shadows never exceed 4px blur for subtle depth
- Turquoise accent color reserved for primary actions only
- Industrial imagery dominates above-fold real estate
Target Audience
Manufacturing procurement managers and industrial supply chain professionals who need reliable B2B commerce platforms
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 | 14px | 400 | 17.92px | |
| h1 | 44px | 700 | 56.32px | |
| h2 | 24px | 600 | 30.72px | |
| h3 | 30px | 700 | 38.4px | |
| h5 | 16px | 500 | 20.48px | |
| p | 18px | 400 | 27px | |
| a | 14px | 400 | 17.92px | |
| button | 14px | 500 | 16.1px | |
| input | 14px | 400 | 20px | |
| nav | 14px | 400 | 17.92px |
Color Palette
No colors extracted
