The TwelveLabs website employs a modern, tech-forward aesthetic characterized by a stark contrast between dark and light sections. It heavily utilizes the custom typeface 'Milling Duplex 1mm' to establish a strong typographic identity. The design relies on large, highly rounded cards to contain features, videos, and customer stories, often accompanied by soft, multi-colored gradients in the background. The layout is spacious with low information density, focusing the user's attention on interactive or animated visual elements and clear, concise copy.
- Spacing
- Large vertical margins separate distinct thematic sections, creating deliberate pauses in scrolling. Padding within cards is consistent, typically prioritizing breathing room around text.
- Shape
- Elements rely heavily on rounded styling, from pill-shaped buttons and tabs to large, sweeping border radii on content containers. Buttons and small interactive elements use fully rounded (pill) shapes. Structural cards use large pixel-value radii, likely between 24px and 40px.
- Borders
- Borders are thin (likely 1px) and often semi-transparent, used to define boundaries in dark mode without adding visual weight.
- Buttons
- Buttons are typically pill-shaped with either a solid fill (for primary actions like 'Playground') or a transparent fill with a border (for secondary actions like 'Talk to Sales').
- Width
- The layout uses a standard max-width constraint for main content, centering it on large screens while allowing background elements to bleed to the edges.
- Density
- The overall density is low. The design favors large typography, ample whitespace, and focused interactive zones rather than packing information tightly.
