MindJoin

Anime-inspired solarpunk optimism framed inside a retro-futuristic dark terminal HUD. Full-bleed hand-drawn sci-fi cityscapes sit behind towering condensed mastheads and hairline grid overlays. Neon data accents puncture deep black canvas sections to evoke quiet, massive computational power.

nostalgic mysterious clinical gritty

Visit site

Rated

7.1/ 10

From 8 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.3
Systemmeasured: 4.8
Distinctionmeasured: 6.5

on the grid: 0%
vertical rhythm: 34%
type on a scale: 57%
contrast passing AA: 100%
unlike the library: 0.93
model craft: 7.9/10
model deviation: 7.9/10

Colour

Background#020100

Text#fffddb

Accent#fc4402

Surface#020100

Muted#fffddb

Typefaces

Display: disp
Body: sans
Mono: mono
Source: self_hosted
Scale: 12 · 14 · 16 · 19 · 32 · 56

Layout

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

Capture

Category: ai
Sections: 8
Captured: 2026-09-16
Rhythm: dark x6

Type rules

display typography spans full container width in custom condensed uppercase
body text stays compact at under 40 characters per line for terminal-like readability
section labels and navigation headers are set in tracked uppercase monospace

Colour rules

deep black background dominates the entire canvas with pale cream wireframe rules
terminal neon hues (orange, cyan, green) are reserved strictly for solution category callouts and HUD accents

Voice rules

treat high-performance computing as an invisible, quiet utility rather than loud hype
use precise architectural and engineering terminology without startup buzzwords

Holds it together

frame hand-illustrated vignettes inside 1px hairline wireframe containers
stack oversized display lettering directly across or behind primary illustration viewports
use neon accent colors exclusively to distinguish feature modules in dark technical cards

Contrast

text on background20.2:1 AAA

muted text on background20.2:1 AAA

text on surface20.2:1 AAA

accent on background5.9:1 AA

background on accent5.9:1 AA

Type, measured

Body: 14px / 1.45
Measure: 38 characters
Display: 80px / 1
Tracking: 0em display
Scale ratio: 1.55

Voice

Tone: declarative, philosophical
Sentences: medium
Person: first
Vocabulary: plain
Calls to action: learn, contact

Built with

Builder: —
Framework: nuxt
Motion: —
WebGL: —
Nav: sticky_top_bar, 0 items, sticky
Length: 9.6 screens

Mode

Sections in page order

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

00
hero
Strong
Retro-futuristic solarpunk anime hero featuring massive display typography wrapping around an illustrated utopian cityscape.
Mood
nostalgic + energetic
Layout
2 col · full bleed · dense
Open section →
01
hero
Strong
An enigmatic cinematic illustration reveals a glowing cyber-organic metropolis through a dark geometric viewfinder.
Mood
mysterious + ethereal
Layout
1 col · centered · airy
Open section →
02
statement
A rich cyberpunk anime illustration framed within a dark sci-fi HUD viewfinder, anchored by a single monospace statement.
Mood
mysterious + dreamy
Layout
1 col · full bleed · airy
Open section →
03
statement
An enigmatic dark statement section combining schematic vector lines with fragmented monospace typography and quiet philosophical copy.
Mood
mysterious + contemplative
Layout
2 col · asymmetric · airy
Open section →
04
feature
A dark cyberpunk technical feature card floats on a subtle wireframe grid with stark typography and neon orange accents.
Mood
mysterious + clinical
Layout
1 col · stacked · airy
Open section →
05
feature grid
A dark, cybernetic matrix of overlapping neon wireframe cards showcasing infrastructure capabilities with harsh technical precision.
Mood
clinical + mysterious
Layout
3 col · grid · dense
Open section →
06
video
Strong
A moody cyberpunk narrative scene featuring an intricate glowing digital tree beneath a vast void of minimalist tech glyphs.
Mood
mysterious + ethereal
Layout
1 col · stacked · airy
Open section →
07
footer
A brutalist closing footer dominated by an immense geometric logotype framed within hairline technical wireframe grids and electric symbols.
Mood
gritty + energetic
Layout
2 col · grid · balanced
Open section →