newtwen-com

Engineered, clinical precision anchored by an expansive light drafting grid. High-contrast fluorescent green callout blocks punctuate pale grey blueprint space, framing technical copy and detailed mechanical cutaway renders with laboratory clarity.

clinical

Visit site

Rated

6.5/ 10

From 4 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged: 9.1
Systemmeasured: 5.5
Distinctionmeasured: 1.8

on the grid: 16%
vertical rhythm: 95%
type on a scale: 60%
contrast passing AA: 50%
unlike the library: 0.18
model craft: 7.8/10
model deviation: 6.3/10

Colour

Background#f2f2f2

Text#232323

Accent#38ff62

Surface#f2f2f2

Typefaces

Display: PPNeueMontrealTT-Regular
Body: PPNeueMontrealTT-Regular
Mono: PPSupplyMono-Regular
Source: self_hosted
Scale: 12 · 13 · 22 · 49 · 104

Layout

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

Capture

Category: ai
Sections: 4
Captured: 2026-08-30
Rhythm: light x4

Type rules

all navigation, status indicators, and section labels rendered in uppercase monospace
feature statements and headlines set in sentence-case sans-serif typography

Colour rules

fluorescent green accent reserved strictly for technical highlight containers and electrical traces
background remains uniform light grey technical drafting paper throughout

Voice rules

use exact engineering and computational terminology without marketing embellishment
pair core capability headlines directly with precise domain descriptors

Holds it together

render the persistent drafting coordinate grid behind all canvas elements
wrap primary feature statements inside solid neon green highlight panels
format all metadata, eyebrows, and navigational links in uppercase monospace

Contrast

text on background14.0:1 AAA

text on surface14.0:1 AAA

accent on background1.2:1 fail

background on accent1.2:1 fail

Type, measured

Body: 12px / 1.5
Measure: —
Display: 49px / 1.09
Tracking: 0em display
Scale ratio: 1.42

Voice

Tone: clinical, declarative
Sentences: medium
Person: third
Vocabulary: technical
Calls to action: explore

Built with

Builder: —
Framework: —
Motion: lenis, swiper
WebGL: —
Nav: sticky_top_bar, 1 items, sticky
Length: 12.5 screens

Sections in page order

3 marked strong · 4

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

00
hero
Strong
Clinical, technical minimalist header featuring a custom wave-distorted wordmark anchored over an engineering grid background.
Mood
clinical + quiet
Layout
1 col · stacked · airy
Open section →
01
feature
Strong
High-precision engineering feature section pairing an intricate cutaway motor render with a sharp fluorescent green technical callout block on grid paper.
Mood
clinical + raw
Layout
12 col · asymmetric · balanced
Open section →
02
showcase
An expansive, technical drafting grid in pale grey crowned with a vivid neon green label.
Mood
clinical + raw
Layout
1 col · full bleed · airy
Open section →
03
footer
Strong
A precise, technical footer structured across neat columns over a faint drafting grid background.
Mood
clinical + quiet
Layout
4 col · grid · balanced
Open section →