Typography
GT-Cinetype
GT-Cinetype is a versatile and modern typeface that serves as the primary font for our brand’s typography. Inspired by the elegance of classic cinema, GT-Cinetype combines clean lines, subtle curves, and a balanced rhythm to create a timeless and sophisticated aesthetic. This font’s adaptability allows it to seamlessly transition between various applications, from headlines and body copy to user interfaces and marketing materials, ensuring a cohesive and visually appealing brand identity.
Headings
Display 3XL
GT-Cinetype / 600 Bold / Uppercase / 0.9 px line height / -2 px letter spacing
2XL
GT-Cinetype / 600 Bold / Uppercase / 0.9 px line height / -2 px letter spacing
XL
GT-Cinetype / 600 Bold / Uppercase / 0.9 px line height / -2 px letter spacing
L
GT-Cinetype / 600 Bold / 0.9 px line height / -2 px letter spacing
M (body)
Open Sans / weight default / 1.5 em line height / default letter spacing
S (Small)
Open Sans / weight default / default line height / default letter spacing
XS (Extra Small)
Open Sans / weight default / default line height / default letter spacing
Responsive typography
Our typography is fluid. Using CSS clamp(), text scales smoothly and continuously across all screen sizes—from mobile to desktop and everything in between. Unlike traditional responsive design with fixed breakpoints and media queries, fluid typography adapts in real-time to any viewport. No more sudden jumps at 768px or 1024px. No more maintaining dozens of breakpoint rules. Just seamless scaling that responds to every pixel of change, delivering optimal readability at any screen size while keeping your code clean and maintainable.
Viewport: 375 min – 1440 max
Mobile: 14px base, 1,414 – Augmented Fourth
Desktop: 16 base, 1,618 – Golden Ratio
clamp(4.946rem, 2.7830rem + 9.2289vw, 11.089rem);
clamp(2.474rem, 1.8533rem + 2.6472vw, 4.236rem);
clamp(1.749rem, 1.4437rem + 1.3047vw, 2.618rem);
clamp(1.237rem, 1.1032rem + 0.5720vw, 1.618rem)
clamp(0.875rem, 0.8310rem + 0.1878vw, 1.000rem)
clamp(0.619rem, 0.6191rem + -0.0011vw, 0.618rem)
clamp(0.438rem, 0.4572rem + -0.0836vw, 0.382rem)
