Design concepts

Directions for chaoscantrip.com. Every concept is a page anyone can learn about me from - no coding knowledge needed.

Round 6 - inspired by briceclain.com

Four dark takes on the ideas that make briceclain.com work: a scroll-synced sidebar, a hero that types itself, a chat as storytelling, pinned device mockups, and line numbers that run through the page.

32
Sidebar
Fixed identity sidebar with a progress rail, a typed numbered hero, a draggable project rail.
33
Conversation
The whole page is a chat that plays out as you scroll, with link previews of the real projects.
34
Pinned Story
Text and a laptop-and-phone stage stay pinned while each step swaps what the screens show.
35
Line by Line
One numbered document that types itself in, with a marker that follows your pointer.

Round 5 - interesting, still clean

A clean dark base with one genuinely interesting idea each. Most of them come alive when you move your pointer, scroll, or wait a second after loading.

26
Spotlight
A dot grid that only exists under your pointer, and card edges that catch its light.
27
Orbit
Projects and people orbit around my avatar in 3D. Hover to stop the system.
28
Holo Card
I'm a collectible card. It tilts toward your pointer and the foil catches the light.
29
Kinetic
A variable font name that ripples on load and swells wherever your pointer goes.
30
Departure Board
An airport split-flap board that clatters into place.
31
Select Screen
A game's select screen: swipe through tall panels, the centre one lit.

Round 4 - clean

Dark and modern, with the effects taken out. Judged "very minimal" - round 5 adds interest back.

20
Monolith
Just type, space and hairlines. The accent only appears on hover.
21
Profile Card
The original one-card shape, done as a modern link-in-bio: every item a clean row.
22
Split
Who I am pinned on the left, what I've made scrolling on the right.
23
Precision
Swiss-style dark: a visible grid, numbered sections, a huge name.
24
Halo
One soft light at the top, then quiet glass panels.
25
Neon Line
Monochrome, with one neon colour used only as a line or a glow.

Round 3 - dark, techy, technopop and cyberpunk

Dark throughout, with more going on. The first three remix round 2 layouts; the rest are new.

13 · remix of 07
Afterhours
Hello's sentence layout at night, with a cyan-to-magenta signal through it.
14 · remix of 03
Control Panel
A dark bento grid in the Linear/Raycast idiom, with hover spotlights and a live "today" tile.
15 · remix of 11
Night Edition
The magazine cover after dark: neon type, a duotone portrait, acid accents.
16
Technopop
Y2K pop: iridescent glass bubbles, a chrome name with a glitch, sparkles.
17
Synthwave
A striped sunset over a neon grid floor that drives toward you. Chrome type.
18
Night City
Neon signs in the rain, katakana, hazard-tape labels and an "open" sign to say hi.
19
Holo
A game-HUD profile screen: brackets, readouts, missions and allies. Plain English throughout.

Round 2 - for everyone

The first pass at a general audience. Mostly light; the dark preference came after.

07
Hello
The page is sentences, with links and faces inside them.
08
Daybreak
Light and friendly, white cards over pastel blooms.
09
Nightfall
A dusk sky with stars and the avatar as a moon.
10
Scrapbook
Polaroids, tape and handwriting on notebook paper.
11
Cover Story
A magazine cover with a huge name on a colour block.
12
Playground
Neo-brutalist, with buttons that press in.

Round 1 - shelved

Aimed at a developer audience. 06 Terminal was built in full, then shelved as too much for a public site.

01
Refined
The original card, executed properly.
02
Deep Field
No cards, type on an atmospheric ground.
03
Bento
One modular grid of varied tiles.
04
Engram
Translucent glass over coloured blooms.
05
Editorial
Serif display on paper.
06
Terminal
Built, then shelved.
These are mockups. Fonts load from Google and the bio copy is placeholder written from what is visible in the repos - neither would ship. Nothing here is wired into the site.