lithosquare-preprod-webflow-io

Deep-space technical void meets geological precision. An unyielding black canvas framed by fine crosshair overlays, dot matrix fields, and schematic connector lines evokes high-end scientific instrumentation.

clinical quiet

Visit site

Colour

Background#000000

Text#ffffff

Accent#5613df

Surface#000000

Muted#444444

Typefaces

Display: Acidgrotesk
Body: Acidgrotesk
Mono: Dmmono
Source: self_hosted
Scale: 11 · 12 · 14 · 16 · 28 · 42

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 0px

Capture

Category: other
Sections: 4
Captured: 2026-08-30
Rhythm: dark x4

Type rules

display headlines set in wide sentence case anchored by crosshair guides
eyebrow tags and section indicators set in uppercase mono
body text constrained to a narrow measure under 45 characters

Colour rules

pitch black (#000000) spans the entire canvas without surface tinting
electric violet (#5613df) reserved exclusively for key action triggers

Voice rules

ground product descriptions in domain science and AI capability
keep action copy strictly functional

Holds it together

maintain pitch black (#000000) backgrounds unbroken across all sections
connect staggered content cards using hairline schematic line art
isolate electric violet (#5613df) to primary CTA buttons

Contrast

text on background21.0:1 AAA

muted text on background2.2:1 fail

text on surface21.0:1 AAA

accent on background2.5:1 fail

background on accent2.5:1 fail

Type, measured

Body: 16px / 1.5
Measure: 41 characters
Display: 28px / 1.3
Tracking: 0em display
Scale ratio: 1.15

Voice

Tone: precise, scientific, confident
Sentences: medium
Person: first
Vocabulary: specialized
Calls to action: contact, join

Built with

Builder: webflow
Framework: —
Motion: gsap, lenis
WebGL: —
Nav: top_bar, 4 items
Length: 6.8 screens

Sections in page order

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
A monolithic geological specimen floats against deep black, sliced by fine crosshairs and wide, modern typography.
Mood
clinical + bold
Layout
1 col · full bleed · airy
Open section →
01
statement
An ultra-dark, quiet technical statement emerging subtly from a faint dot matrix field.
Mood
quiet + clinical
Layout
1 col · centered · airy
Open section →
02
feature grid
A stark, technical dark layout of staggered numbered cards linked by delicate schematic connector lines.
Mood
clinical + quiet
Layout
3 col · asymmetric · balanced
Open section →
03
statement
Vast, pitch-black void centered around a solitary mission statement and a subtly illuminated recruitment button.
Mood
quiet + clinical
Layout
1 col · centered · airy
Open section →