Terraphim Website Redesign

43 design variants across 6 categories. Click "Open Full Page" to see each in detail.

Essentialist Design System Variants
01
Direct Port
Conservative. Brand-consistent with terraphim-pro. Tile grid hero.
Low Effort Neumorphic Tiles Product Feel
Open Full Page
02
Terminal First
Developer-focused. Hero IS a terminal. Code cards throughout.
Medium Effort Hacker Chic Monospace
Open Full Page
03
Graph Canvas
Educational. SVG knowledge graph hero. Academic feel.
Medium-High Interactive SVG Thoughtful
Open Full Page
04
Expanding Gallery
Bold. CSS :has() expanding panels. Rewards exploration.
High Effort CSS :has() Interactive
Open Full Page
05
Privacy Fortress
Dark/light alternation. Leads with privacy message.
Medium Effort Dark Hero Assertive
Open Full Page
06
Documentation Hub
Search-first. Prominent input. Content-dense grid.
Low-Medium Search First Utilitarian
Open Full Page
07
Strata Scroll
Narrative. Scroll-driven reveals. Full-viewport layers.
High Effort Scroll Animation Cinematic
Open Full Page

Sci-Fi / Quantum Field Variants
08
Quantum Mandala
Animated stellated polygon logo. Orange/gold on void. PR #577 mandala.
High Effort p5.js Mandala Sci-Fi
Open Full Page
09
Superposition
Quantum field interference patterns. Particle wave duality.
High Effort Canvas Particles Quantum
Open Full Page
10
Spacecraft HUD
Space suit visor interface. Heads-up display aesthetic.
High Effort HUD Interface Space
Open Full Page

Impeccable Design Skill Variants
11
Brutalist Manifesto
Raw editorial brutalism. Massive typography. Asymmetric layout.
Medium Effort Space Grotesk Vermillion
Open Full Page
12
Swiss Precision
International Typographic Style. Strict 12-column grid. Rational beauty.
Medium Effort Instrument Sans Grid-Obsessed
Open Full Page
13
Warm Workshop
Craft workshop feel. Warm cream. Newsreader serif. Anti-tech-bro.
Medium Effort Newsreader Terracotta
Open Full Page
14
Observatory
Astronomical observatory. Deep navy. Amber instruments. Reverent.
High Effort DM Sans Scientific
Open Full Page
15
Blueprint
Engineering drawing. Blue field. White linework. Technical specs.
High Effort JetBrains Mono Engineering
Open Full Page
16
Editorial Longform
Premium magazine. Lora serif body. Red drop caps. Beautiful prose.
Medium Effort Lora + Urbanist Magazine
Open Full Page
17
Topographic
Cartographic terrain map. Contour lines. Aged paper. Map legend layout.
High Effort Outfit Cartographic
Open Full Page
18
Bauhaus Functional
Primary colours as structure. Geometric shapes. Constructivist poster.
High Effort Outfit + DM Sans Geometric
Open Full Page
19
Japanese Print
Ukiyo-e inspired. Negative space. Vertical text. Washi paper.
High Effort Newsreader Meditative
Open Full Page
20
Retro Terminal 80s
Commodore 64 aesthetic. Phosphor green. CRT scan lines. Boot sequence.
High Effort JetBrains Mono Nostalgic
Open Full Page

Linear / Helvetica-Inspired Variants
21
Linear Classic
Pure Linear aesthetic. Dark, near-monochromatic. Bento grid. Specular borders.
Medium Effort Instrument Sans Zero Colour
Open Full Page
22
Linear Light
Linear precision in light mode. Airy, monochrome, black-as-accent.
Medium Effort Onest Whitespace
Open Full Page
23
Linear Grayscale
Entirely grayscale. Zero chroma. Typography and tonal depth only.
High Effort Plus Jakarta Sans Pure Grey
Open Full Page

Emil Kowalski Animation Philosophy Variants
24
Cinematic Reveal
Dark cinema. Clip-path reveals from centre. Scroll-driven entrances. Warm amber.
High Effort Instrument Sans Clip-Path
Open Full Page
25
Liquid Motion
Spring physics. Per-word hero animation. SVG stroke-draw logo. Breathing cards.
High Effort Onest + Newsreader Spring Easing
Open Full Page
26
Geometric Origami
Paper-folding metaphor. 3D rotateX panels. Fold-corner buttons. Accordion sections.
High Effort Plus Jakarta Sans 3D Transforms
Open Full Page
27
Signal & Noise
Split-screen signal vs noise. Data stream dividers. Scroll-driven expansion.
High Effort Space Grotesk Data Viz
Open Full Page
28
Depth Field
Camera depth-of-field. Blur layers. Shallow DOF hover. Focus-pull on scroll.
High Effort Figtree Lens Blur
Open Full Page
29
Pulse Grid
Living grid cells that respond to attention. Sequential pulse ripple. Neighbour glow.
High Effort Instrument Sans WAAPI Grid
Open Full Page
30
Tape Deck
Analogue music equipment. VU meters. Mixer channels. Rotating tape reels.
High Effort Space Grotesk Analogue
Open Full Page
31
Darkroom
Photography darkroom. Red safelight. Images develop on scroll. Contact sheet grid.
High Effort Newsreader Safelight Red
Open Full Page
32
Air Traffic
Radar sweep. Range rings. Track blips. ATC control aesthetic.
High Effort JetBrains Mono Radar Green
Open Full Page
33
Seismograph
Scientific instrument. SVG trace lines draw on scroll. Spring-spike stats.
High Effort Instrument Sans Seismic Red
Open Full Page

ibelick Baseline UI Variants
34
Monolith
Single vertical column. Pure typography. No cards, no grids. Confident simplicity.
Low Effort Instrument Sans Deep Teal
Open Full Page
35
Aperture
Camera iris hexagon. Warm dark. Amber accent. Restrained motion.
Medium Effort Figtree Iris CSS
Open Full Page
36
Broadsheet
Newspaper front page. CSS columns. Drop caps. Masthead. Zero animation.
Medium Effort Newsreader Editorial
Open Full Page
37
Specimen
Type specimen sheet. Font at 5 sizes. Weight scale. Glyph showcase. Zero animation.
Medium Effort Plus Jakarta Sans Typography
Open Full Page
38
Ledger
Accounting ledger. HTML tables. Spreadsheet tabs. Ruled lines. Zero animation.
Medium Effort Source Serif 4 Tabular
Open Full Page
39
Telescope
Telescope eyepiece framing. Deep space. Circular hero viewport. Observatory red.
High Effort DM Sans Deep Space
Open Full Page
40
Switchboard
Telephone patch panel. SVG connection diagrams. Copper accent. Routing flow.
High Effort Space Grotesk Copper
Open Full Page
41
Greenhouse
Botanical cultivation. Sage base. Growth timeline. Organic knowledge metaphor.
Low Effort Fraunces Botanical
Open Full Page
42
Monocle
Luxury editorial. Small-caps. Extreme whitespace. Burgundy diamonds. Zero animation.
Low Effort Newsreader + Onest Luxury
Open Full Page
43
Lighthouse
Maritime navigation. Sweeping light beam. Deep navy. Compass rose. Amber guide.
Medium Effort Plus Jakarta Sans Navy + Amber
Open Full Page

Original Designs
O1
Cosmic Edge
Original cosmic horizon design. Deep space exploration aesthetic.
High Effort Space Original
Open Full Page
O2
Frontier Minimalist
Original minimalist approach. Clean lines and essential elements.
Medium Effort Minimal Original
Open Full Page
O3
Meta Cortex
Original neural interface concept. Brain-computer fusion.
High Effort Neural Original
Open Full Page
O4
Owls Archive
Original scholarly archive. Knowledge preservation aesthetic.
Medium Effort Archive Original
Open Full Page
O5
Quantum Superposition
Original quantum mechanics visualization. Physics-inspired.
High Effort Quantum Original
Open Full Page

Anti-Slop Redesigns (by Kimi)
AS1
Cosmic Edge
Cosmic horizon aesthetic. Deep space gradients. Orbital motion.
High Effort Space Gradient
Open Full Page
AS2
Frontier Minimalist
Pristine minimalism. Generous whitespace. Refined typography.
Medium Effort Minimal Clean
Open Full Page
AS3
Meta Cortex
Neural network visualisation. Synaptic connections. Brain-inspired.
High Effort Neural AI
Open Full Page
AS4
Owls Archive
Scholarly archive aesthetic. Wisdom and knowledge. Warm tones.
Medium Effort Academic Warm
Open Full Page
AS5
Quantum Superposition
Quantum field mechanics. Wave-particle duality. Scientific precision.
High Effort Quantum Physics
Open Full Page