Rinol Hellas
Floors that carry aircraft and forklifts, specified by engineers. We built a site that reads like a technical data sheet: by sector, by system, in two languages.
Built like a floor. In layers.
- (05)Top seal Search & AI
Structured data, hand-written meta and a context page for AI assistants.
- (04)Body coat Components
Sector switcher, data sheets, load chart, client wall. Plain JavaScript, no libraries.
- (03)Base coat Design tokens
Ink, Rinol orange and steel blue, shared by every component.
- (02)Primer Structure
48 pages: 22 systems, 16 projects, 7 sectors in one switcher.
- (01)Substrate Platform
Squarespace 7.1, extended with custom code on every page.
The spec sheet.
- Platform
- Squarespace 7.1 with custom code blocks per page
- Code
- Vanilla JavaScript, CSS custom properties, IntersectionObserver
- Interaction
- 7 ARIA tabs on desktop, a snap-scroll strip on phone
- System data
- Thickness, heat resistance, layers and DIN / ASTM norms on all 22 systems
- Structured data
- WebSite, Organization, HomeAndConstructionBusiness, FAQPage
- Languages
- Greek and English
- AI readiness
- A context page describing services, sectors and systems for language models
- Stability
- 0.000 layout shift on load, Lighthouse accessibility 92
Seven sectors.
One floor for each.
The build.(08)
The feed.(15)
Rinol Hellas
Floors that carry aircraft and forklifts, specified by engineers. We built a site that reads like a technical data sheet: by sector, by system, in two languages.
Built like a floor. In layers.
- (05)Top seal Search & AI
Structured data, hand-written meta and a context page for AI assistants.
- (04)Body coat Components
Sector switcher, data sheets, load chart, client wall. Plain JavaScript, no libraries.
- (03)Base coat Design tokens
Ink, Rinol orange and steel blue, shared by every component.
- (02)Primer Structure
48 pages: 22 systems, 16 projects, 7 sectors in one switcher.
- (01)Substrate Platform
Squarespace 7.1, extended with custom code on every page.
The spec sheet.
- Platform
- Squarespace 7.1 with custom code blocks per page
- Code
- Vanilla JavaScript, CSS custom properties, IntersectionObserver
- Interaction
- 7 ARIA tabs on desktop, a snap-scroll strip on phone
- System data
- Thickness, heat resistance, layers and DIN / ASTM norms on all 22 systems
- Structured data
- WebSite, Organization, HomeAndConstructionBusiness, FAQPage
- Languages
- Greek and English
- AI readiness
- A context page describing services, sectors and systems for language models
- Stability
- 0.000 layout shift on load, Lighthouse accessibility 92
Seven sectors.
One floor for each.
The build.(08)
The feed.(15)
Rinol Hellas
Floors that carry aircraft and forklifts, specified by engineers. We built a site that reads like a technical data sheet: by sector, by system, in two languages.
Built like a floor. In layers.
- (05)Top seal Search & AI
Structured data, hand-written meta and a context page for AI assistants.
- (04)Body coat Components
Sector switcher, data sheets, load chart, client wall. Plain JavaScript, no libraries.
- (03)Base coat Design tokens
Ink, Rinol orange and steel blue, shared by every component.
- (02)Primer Structure
48 pages: 22 systems, 16 projects, 7 sectors in one switcher.
- (01)Substrate Platform
Squarespace 7.1, extended with custom code on every page.
The spec sheet.
- Platform
- Squarespace 7.1 with custom code blocks per page
- Code
- Vanilla JavaScript, CSS custom properties, IntersectionObserver
- Interaction
- 7 ARIA tabs on desktop, a snap-scroll strip on phone
- System data
- Thickness, heat resistance, layers and DIN / ASTM norms on all 22 systems
- Structured data
- WebSite, Organization, HomeAndConstructionBusiness, FAQPage
- Languages
- Greek and English
- AI readiness
- A context page describing services, sectors and systems for language models
- Stability
- 0.000 layout shift on load, Lighthouse accessibility 92
Seven sectors.
One floor for each.
The build.(08)
The feed.(15)
Let’s talk
Let’s talk
Let’s talk
Tell us what you’re building. We read every brief ourselves.
Prefer email?
Call the studio
How we work
Senior involvement from day one.
What you get
Clear next steps, in writing.