Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
NotCo
Food TechNotCo's brand aesthetic merges AI-powered precision with organic fluidity through a distinctive marbled liquid backdrop in warm peach and coral tones. The custom 'Notfontdisplay' typography creates bold, confident headlines that contrast beautifully with the flowing visual metaphor, suggesting both technological sophistication and natural transformation in the consumer goods space.
Design Identity
Signature Color
NotCo Coral
#F4A688
Warm innovation - bridging the gap between natural organic processes and cutting-edge AI technology
Visual Identity
The flowing liquid marble background texture in warm coral/peach gradients - it's instantly recognizable and creates a unique visual metaphor for transformation and fluidity in AI-driven innovation.
Component Style
Soft, rounded buttons with generous padding that echo the flowing organic theme. The 'Contact us' button appears pill-shaped with a purple accent, creating gentle, approachable interfaces that contrast the technical messaging with human warmth.
Spacing Philosophy
Expansive breathing room with the hero content floating in a sea of organic texture. Large 64px+ gaps between sections create premium feel, while the centered layout uses asymmetrical white space to balance the flowing background.
Design Principles
- Custom 'Notfontdisplay' typography at 50px for headlines creates brand distinction
- Body text uses Manrope at 24px for exceptional readability
- Organic flowing backgrounds contrast structured text layouts
- Warm coral/peach gradients paired with purple accent colors
- Generous line-height ratios (1.15x-1.4x) for premium reading experience
Target Audience
C-suite executives and R&D leaders at major consumer goods companies who need to balance innovation speed with scientific rigor and regulatory compliance
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 | 24px | 400 | 33.6px | |
| h1 | 50px | 600 | 57.5px | |
| h2 | 24px | 600 | 26.4px | |
| h3 | 22px | 600 | 24.2px | |
| p | 20px | 400 | 26px | |
| a | 24px | 400 | 26.4px | |
| button | 20px | 500 | 22px | |
| input | 24px | 400 | 34.2857px | |
| nav | 17px | 400 | 17px | |
| header | 24px | 400 | 26.4px |
Color Palette
No colors extracted
