RampStack Showcase · Creative Direction
Infinite websites, one open-source skill.
Nailing design doesn't have to be hard when you have the right tools and creative direction. Start the skill. Pick your tone. Select your aesthetic. Choose your relationship. Add the sensory feature. The examples below show what's possible.
Open source under MIT. Free to use, fork, and adapt.
The brief
- Tone:
- Playful
- Aesthetic:
- Expressive Maximalist
- Relationship:
- Companion
- Sensory:
- Resonant
- Reference:
- Spotify, NTS Radio, Boiler Room, Apple Music, Bandcamp
- Voice:
- enthusiastic, music-literate, tastemaker, second-person, present-tense
The output
These four axis selections produced this site. The skill takes a brief, applies the framework, and outputs a complete visual system. The other twenty-nine examples below were produced the same way: different briefs, different outputs, same skill.
The framework
Four axes, infinite combinations.
Every brief picks a position on four axes. Tone (how formal). Aesthetic (how restrained). Relationship (who the site treats you as). Sensory (how much it asks of your attention). The framework has 256 possible combinations before you even count typeface, color, layout, voice.
By the numbers
4
framework axes
16
framework positions
42
example treatments
∞
possible compositions
Tone
- Professional
- Conversational
- Playful
- Provocative
How formal the voice is.
Aesthetic
- Editorial Restrained
- Polished Standard
- Controlled Maximalist
- Expressive Maximalist
How much visual restraint defines the system.
Relationship
- Authority
- Peer
- Companion
- Coach
Whether the site reads as expert, friend, or coach.
Sensory
- Functional
- Considered
- Resonant
How much the design asks of your senses.
Show the math
4 axes × 4 positions per axis
= 256 framework combinations
multiple visual treatments per framework combination
~15 design decisions per treatment
(typefaces, color tokens, layout sections, voice)
= effectively unbounded outputs
Across the 42 examples below: 105 typefaces, 334 color tokens, 217 layout sections, and roughly 16,500 words of voiced copy. Each archetype averages 15 measurable inputs, and that doesn't count voice, hero strategy, micro-copy, or the combinatorial choices that distinguish one expression from another. The framework defines the positions. The execution stays generative.
Examples
What the framework produces.
Thirty worked examples sorted by recognition. Pick a type, a motion intensity, an axis position. The framework produces all of this from briefs.
Type
Motion intensity
Filter by axis position
Run this on your brand
Open source under MIT.
The creative-direction skill is one of many free skills in the RampStack catalog. The full catalog is open source under MIT.