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