Dave Spengeler
Swiss modernism executed with pure digital restraint. A uniform deep charcoal canvas gives full visual weight to oversized grotesque typography and vibrant full-bleed project previews. Outline pill tags anchor each case study with systematic, clinical clarity.
Visit siteColour
Typefaces
- Display
- TWKLausanne
- Body
- TWKLausanne
- Mono
- —
- Source
- self_hosted
- Scale
- 15 · 20 · 23 · 37 · 141
Layout
- Grid
- 12 columns
- Container
- 1309px
- Spacing base
- 8px
- Radius
- 0px · 9999px
Capture
- Category
- portfolio
- Sections
- 20
- Captured
- 2026-08-29
- Rhythm
- dark x20
Type rules
- single typeface TWKLausanne handles all hierarchy from 15px tags to 141px headers
- display typography set tight with negative tracking and sentence case
- body measure kept around 75 characters per line
Colour rules
- dark charcoal background remains continuous across the entire layout
- color is strictly contained within individual project preview containers
- pill badges use high-contrast white hairline borders on dark backgrounds
Voice rules
- project titles use concise German descriptors
- metadata strictly categorized into role and tech pills
Holds it together
- maintain a continuous dark charcoal background without section surface breaks
- tag every project card with pill-shaped category and technology badges along the lower edge
- lead each case study with a full-width visual container featuring saturated brand colors
Contrast
Type, measured
- Body
- 20px / 1.15
- Measure
- 75 characters
- Display
- 141px / 0.9
- Tracking
- -0.032em display
- Scale ratio
- 1.63
Voice
- Tone
- understated, precise, direct
- Sentences
- short
- Person
- third
- Vocabulary
- plain
- Calls to action
- kontaktieren
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 1 items
- Length
- 19.1 screens
Sections in page order
3 marked strong · 20- 00
statement
StrongA restrained, airy dark-mode introduction defined by Swiss typography and massive negative space.
- Mood
- quiet + clinical
- Layout
- 12 col · asymmetric · airy
- 01
showcase
StrongCrisp Swiss-style portfolio index anchored by imposing neutral headline typography above a vivid cobalt graphic block.
- Mood
- bold + clinical
- Layout
- 11 col · stacked · airy
- 02
showcase
High-impact portfolio showcase alternating vivid full-bleed color blocks with embedded website previews and clean pill tags.
- Mood
- bold + editorial
- Layout
- 12 col · stacked · balanced
- 03
showcase
High-contrast project showcase featuring a vibrant yellow graphic block with distressed type over a deep charcoal frame.
- Mood
- bold + raw
- Layout
- 16 col · stacked · airy
- 04
showcase
A stark, dark portfolio showcase slide anchored by a large orange monogram graphic and rounded tech stack pills.
- Mood
- bold + quiet
- Layout
- 12 col · stacked · airy
- 05
showcase
A clean, minimal portfolio showcase framing a vertical mobile interface against a deep slate canvas with crisp metadata tags.
- Mood
- quiet + editorial
- Layout
- 9 col · stacked · balanced
- 06
showcase
Quiet, minimalist project showcase card centered on stylized uppercase identity lettering against a muted earthy field.
- Mood
- quiet
- Layout
- 13 col · centered · airy
- 07
showcase
A vibrant orange showcase panel held in a dark frame with understated, precise Swiss typography.
- Mood
- bold + quiet
- Layout
- 8 col · stacked · airy
- 08
showcase
A crisp, structured case study showcase pairing clean header typography and pill tags with a bold green brand asset display.
- Mood
- quiet + clinical
- Layout
- 14 col · stacked · balanced
- 09
showcase
A minimalist dark case study showcase presenting client branding with crisp Swiss typography and pill badges.
- Mood
- quiet + clinical
- Layout
- 5 col · stacked · airy
- 10
showcase
Dark and structured agency project showcase pairing technical metadata pill tags with an expansive visual preview.
- Mood
- clinical + bold
- Layout
- 9 col · stacked · balanced
- 11
showcase
Structured digital portfolio showcase item contrasting dark backdrops with precise pill-shaped tags and clear grotesque typography.
- Mood
- bold + clinical
- Layout
- 13 col · stacked · balanced
- 12
showcase
StrongHigh-contrast portfolio showcase framing massive black typography against white above an intense fluorescent yellow visual block.
- Mood
- bold + clinical
- Layout
- 12 col · stacked · airy
- 13
showcase
An electric, hyper-saturated neon card delivering high-contrast graphic impact against a dark portfolio layout.
- Mood
- bold + raw
- Layout
- 10 col · stacked · dense
- 14
showcase
Quiet, earthy project showcase framing a refined botanical silk farm brand identity against a dark backdrop.
- Mood
- quiet + warm
- Layout
- 12 col · stacked · airy
- 15
showcase
A stark, minimalist portfolio slide featuring a bold monochrome geometric brand mark centered on a deep charcoal field with outline pills at the footer.
- Mood
- quiet + bold
- Layout
- 13 col · centered · airy
- 16
showcase
A stark, poster-style portfolio showcase focusing on a bold condensed red wordmark against a stark white canvas.
- Mood
- bold + editorial
- Layout
- 16 col · stacked · airy
- 17
showcase
A restrained portfolio showcase featuring muted slate tones, precise pill tags, and clean typographic framing.
- Mood
- clinical + quiet
- Layout
- 12 col · stacked · airy
- 18
showcase
A stark, restrained project showcase card balancing crisp Swiss typography and pill badges against a bold visual container.
- Mood
- quiet + clinical
- Layout
- 12 col · stacked · airy
- 19
showcase
Deep navy project showcase section featuring restrained Swiss typography, pill tags, and a whimsical animated-style logo illustration.
- Mood
- playful + quiet
- Layout
- 12 col · stacked · airy
