Cecilia
Deep-tech minimalism defined by pitch-black space, matte 3D molecular structures, and disciplined typographic precision. A monolithic monochrome palette creates an austere scientific atmosphere, broken only by an architectural light-grey footer container at the base.
Visit siteColour
Typefaces
- Display
- PP Neue Montreal
- Body
- PP Neue Montreal
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 15 · 16 · 24 · 32 · 70
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 24px
Capture
- Category
- other
- Sections
- 12
- Captured
- 2026-08-29
- Rhythm
- dark x11 → light
Type rules
- all copy set exclusively in PP Neue Montreal across varying scale steps
- body text constrained to a narrow measure of around 38 characters for scannability
- category tags and metadata labels strictly uppercase with tracked letter-spacing
Colour rules
- pitch black (#000000) dominates over 70 percent of the background space
- charcoal surfaces (#1c1c1c, #262626) isolate content blocks and cards
- high-contrast stark light (#ebebeb) appears exclusively to anchor the final footer section
Voice rules
- lead with bold scientific assertions on circularity and advanced materials
- keep navigation and interaction labels strictly concise and uppercase
Holds it together
- anchor wide pitch-black sections with center-aligned or asymmetrical headline statements
- encapsulate processes and statistics within dark rounded cards framed by hairline borders (#424242)
- restrict the full page to pure monochrome, flipping to a light surface (#ebebeb) only in the footer
Contrast
Type, measured
- Body
- 16px / 1.25
- Measure
- 38 characters
- Display
- 104px / 1
- Tracking
- -0.01em display
- Scale ratio
- 1.60
Voice
- Tone
- scientific, declarative, visionary
- Sentences
- medium
- Person
- first
- Vocabulary
- technical
- Calls to action
- learn, read, talk
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap, lenis, swiper
- WebGL
- —
- Nav
- sticky_top_bar, 4 items, sticky
- Length
- 12 screens
Sections in page order
3 marked strong · 12- 00
hero
Atmospheric dark tech hero featuring tactile matte 3D molecular structures floating across a cinematic black canvas with precise typographic placement.
- Mood
- clinical + bold
- Layout
- 16 col · full bleed · airy
- 01
statement
Stark monochrome mission section with a prominent center-aligned manifesto anchored by subtle partner logos above.
- Mood
- quiet + bold
- Layout
- 1 col · stacked · airy
- 02
statement
StrongAn expansive pitch-black void anchored by stark, disciplined typography in the lower-left corner, projecting radical restraint and quiet authority.
- Mood
- quiet + bold
- Layout
- 10 col · asymmetric · airy
- 03
statement
Minimalist dark split header framing a technical statement with quiet Swiss precision and expansive black space.
- Mood
- quiet + clinical
- Layout
- 12 col · split · airy
- 04
feature grid
StrongDark and clinical process sequence presenting scientific stages across minimalist rounded cards with delicate wireframe diagrams.
- Mood
- clinical + quiet
- Layout
- 3 col · grid · airy
- 05
stats
A stark, minimalist stat card pairing an oversized metric with understated explanatory copy divided by a crisp hairline.
- Mood
- clinical + quiet
- Layout
- 12 col · split · airy
- 06
stats
Minimalist dark card delivering a stark plastic waste statistic with engineered precision and quiet restraint.
- Mood
- clinical + quiet
- Layout
- 14 col · split · airy
- 07
statement
Dark, atmospheric statement section centered over a subtle monochromatic 3D molecular structure.
- Mood
- clinical + quiet
- Layout
- 12 col · centered · airy
- 08
statement
A cinematic mission statement featuring a glowing view of Earth from orbit framed within deep black space.
- Mood
- quiet + bold
- Layout
- 12 col · stacked · airy
- 09
statement
Minimal, dark mission statement pairing restrained neo-grotesque type with an aerial ocean photograph inside a heavily rounded frame.
- Mood
- quiet + clinical
- Layout
- 2 col · split · airy
- 10
announcement
A restrained, dark-mode news gallery with softly rounded charcoal cards floating in staggered elevation against deep black.
- Mood
- quiet + clinical
- Layout
- 16 col · asymmetric · airy
- 11
footer
StrongArchitectural, cool-toned minimal footer framed within an arched container, pairing modular contact cards with precise typographic navigation.
- Mood
- clinical + quiet
- Layout
- 12 col · grid · airy
