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, including 22 systems and 16 projects, with 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)
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.
- (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, including 22 systems and 16 projects, with 7 sectors in one switcher.
- (01)Substrate Platform
Squarespace 7.1, extended with custom code on every page.
- 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
One floor for each.
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.
- (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, including 22 systems and 16 projects, with 7 sectors in one switcher.
- (01)Substrate Platform
Squarespace 7.1, extended with custom code on every page.
- 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
One floor for each.
Let’s talk
Let’s talk
Let’s talk
Tell us what you’re building. We read every brief ourselves.
Reply time
Within one business day, from a real person.