Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Dataiku
AIDataiku embodies understated enterprise sophistication through a distinctive split-screen composition and luxurious serif-sans typography pairing. The deep forest green backdrop creates a sense of premium depth, while the bright turquoise accent delivers surgical precision energy.
Design Identity
Signature Color
Dataiku Turquoise
#3edab2
data science precision and AI innovation energy
Visual Identity
The dramatic split-screen layout with deep forest green background and ethereal particle visualization on the right creates an instantly recognizable enterprise AI platform aesthetic.
Component Style
Clean geometric buttons with subtle rounded corners and no shadows - everything feels purposeful and enterprise-grade. Components use minimal borders and rely on color contrast rather than elevation.
Spacing Philosophy
Generous asymmetric layout with the left half dedicated to content hierarchy and right half to immersive visuals. Large breathing room around primary content creates executive-level gravitas.
Design Principles
- Serif headings (Signifier 300 weight) paired with sans-serif body text (untitledSans)
- Split-screen composition with 50/50 content-visual ratio
- Minimal shadows - relies on color and spacing for hierarchy
- Turquoise accent used sparingly for maximum impact
- Dark forest green (#06312e) as primary brand anchor
Target Audience
Enterprise data science leaders and AI practitioners who need sophisticated tools for large-scale machine learning operations
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 | 48px | 300 | 52.8px | |
| h2 | 32px | 300 | 38.4px | |
| h3 | 30px | 300 | 36px | |
| h4 | 16px | 400 | 20px | |
| p | 18px | 400 | 23.22px | |
| a | 14px | 400 | 20px | |
| button | 14px | 400 | 20px | |
| input | 12px | 400 | 18px | |
| nav | 16px | 400 | 24px |
Color Palette
#3edab2#ffffff#1a1a1a#06312e#000000
