T.O.T

The desktop homepage features a large hero image of three models standing in a subway station, with a minimalist navigation menu at the top. Below the hero, a text section highlights studio statistics followed by a grid of service categories like Apparel Design and Branding, each represented by a high-quality project image. The layout is clean with a neutral color palette and ample white space.The mobile version maintains the subway hero image but scales the content into a single-column vertical layout for easier scrolling. The service grid transitions from multiple columns to a stacked list of large images and text, and the navigation menu is condensed into a simplified mobile interface.

T.O.T is a multidisciplinary creative studio that operates at the intersection of fashion, branding, and visual culture. The website serves as a high-impact portfolio for their diverse service offerings, which range from apparel design and music identity to generative solutions and web development. It is designed for a sophisticated, trend-conscious audience including fashion houses, musicians, and lifestyle brands looking for an edge in visual storytelling. The visual identity is unapologetically bold and editorial, utilizing a high-contrast, brutalist aesthetic. By pairing raw, cinematic photography with heavy, experimental typography and a stark monochrome palette, the site establishes a sense of underground cool and avant-garde authority. The layout rejects traditional corporate structures in favor of a rhythmic, type-driven experience that feels more like a high-fashion lookbook than a standard agency site.

Industry

Design

Colors
Buckets
Palette
#F4F4F4
#523B2F
#1B1410
#857E6F
#BFB3AA
#C26C49

Technology

Analytics
  • Google Analytics
CDN
  • jsDelivr
Font scripts
Uncategorized
  • Adobe Fonts
Web servers
  • Apache HTTP Server
Pagespeed
Desktop
76
Performance
79
Accessibility
100
Best Practices
77
SEO
Mobile
59
Performance
79
Accessibility
100
Best Practices
77
SEO
Related websites
Advertisement

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request. Privacy Policy.