Brutalism
Unpolished, structural, deliberately plain.
- System or monospace type
- Visible borders and tables
- Raw hyperlinks
37 design languages · light & dark
Pick how your next website looks & feels.
37design languages
7style families
2themes for every design
6+sections per mockup
How it works
Three steps to your look.
- 01
Browse the catalog
Scroll through 37 design languages grouped into 7 families. Each card opens a full, tall landing-page mockup.
- 02
Compare light & dark
Use the floating toolbar on every mockup to flip between themes, read about the style and jump to the next design.
- 03
Tell me your pick
Hit “I want this design” or send me the names of your favourites through the contact form on h190k.com.
The catalog
Every style, side by side.
Hover a preview to peek at the other theme. Click any card to open the full mockup.
Raw & Bold
Honest structure, heavy borders and loud contrast that refuse to blend in.
3 styles
Neo-Brutalism
Thick outlines, hard shadows, loud colour.
- 3–4px black outlines
- Hard offset shadows
- Saturated flat fills
Depth & Material
Light, shadow, glass and texture that make interfaces feel physical.
7 styles
Skeuomorphism
Real-world materials, rendered on screen.
- Realistic textures
- Bevels, gloss and stitching
- Physical controls (knobs, switches)
Neumorphism
Soft, extruded shapes from a single surface.
- Same-colour background and elements
- Dual soft shadows
- Inset pressed states
Claymorphism
Puffy, inflated, toy-like 3D.
- Very large border radius
- Inner and outer shadows
- Pastel, candy colours
Glassmorphism
Frosted panels floating over colour.
- Background blur (backdrop-filter)
- Semi-transparent panels
- Thin light borders
Liquid Glass
Fluid, refractive glass with specular light.
- Refraction and edge highlights
- Pill-shaped floating controls
- Content-aware tinting
Material Design
Systematic, tonal, adaptive.
- Tonal colour roles
- Elevation through tone
- Rounded containers and FABs
Flat Design
Solid colour, simple shapes, zero gloss.
- Solid colour blocks
- Simple geometric icons
- Minimal or no shadows
Minimal & Typographic
Restraint, whitespace and type doing nearly all of the work.
5 styles
Minimalism
Only what matters, with room to breathe.
- Generous whitespace
- Monochrome or tiny palette
- Few, large images
Swiss Style
Grids, Helvetica-like type and red.
- Strict modular grid
- Neo-grotesque sans-serif
- Flush-left, ragged-right text
Editorial
Print-magazine elegance for the web.
- Expressive serif headlines
- Multi-column grids
- Drop caps and pull quotes
Japandi
Warm, natural, quietly crafted.
- Earthy neutral palette
- Natural textures (wood, linen)
- Soft serif type
Big Typography
Letters as the main visual.
- Massive display headlines
- Mixed weights and outlines
- Scrolling marquees
Corporate & Business
Trustworthy, conversion-focused layouts for companies and institutions.
8 styles
Corporate Classic
Navy, serif and quiet authority.
- Navy, white and gold palette
- Serif headlines
- Structured, symmetrical grid
Enterprise SaaS
Clear, credible, built to convert.
- Product UI screenshots
- Customer logo walls
- Security and compliance badges
Modern Startup
Vibrant gradients and polished product shots.
- Vivid gradient accents
- Floating product mockups
- Pill badges and tags
Clean Healthcare
Calm, caring and clinically clear.
- Soft teal and blue palette
- Rounded, gentle shapes
- Clear booking CTAs
Government & Institutional
Plain, accessible, task-first.
- Plain, readable type
- High contrast
- Prominent search and tasks
Creative Agency
Big statements, bold case studies.
- Huge statement type
- Full-bleed case studies
- Marquee client lists
Luxury
Black, gold and slow, elegant serif.
- Black, cream and gold
- High-contrast serif type
- Wide letter-spacing
Retro & Historical
Movements and eras from the 1920s through the early web, reimagined.
8 styles
Bauhaus
Primary colours and pure geometry.
- Primary colours plus black
- Circles, squares, triangles
- Geometric sans-serif
Art Deco
Gilded geometry from the Jazz Age.
- Gold on deep jewel tones
- Sunbursts and fan motifs
- Stepped, symmetric frames
Memphis
80s squiggles, confetti and clashing colour.
- Squiggles and zigzags
- Confetti and dot patterns
- Clashing pastels and brights
Y2K
Chrome, bubbles and iridescent optimism.
- Chrome and metallic type
- Iridescent gradients
- Bubbles, stars and sparkles
Synthwave
Neon sunsets over a chrome grid.
- Neon pink, purple and cyan
- Sunset and perspective grid
- Chrome and glow type
Frutiger Aero
Glossy skies, bubbles and fresh green.
- Glossy, reflective buttons
- Sky and water imagery
- Fresh green and aqua
Pixel Art
Chunky pixels and arcade nostalgia.
- Bitmap pixel fonts
- Stepped pixel borders
- Limited retro palette
Retro Terminal
Monospace, prompts and phosphor glow.
- Monospace type everywhere
- Command prompts and cursors
- ASCII art and boxes
Futuristic & Tech
Glow, gradients and precision for products that live on the frontier.
3 styles
Cyberpunk
Neon, glitch and angular HUDs.
- Neon on near-black
- Clipped, angular panels
- Glitch and scanline effects
Aurora Gradient
Soft glowing colour fields.
- Blurred mesh gradients
- Glowing light leaks
- Subtle grain texture
Dark Tech
Precise, fast, quietly glowing.
- Near-black canvas
- Hairline borders and glows
- Product UI as hero
Organic & Expressive
Hand-made, natural and abundant styles with lots of personality.
3 styles
Organic & Natural
Soft blobs, earth tones and warmth.
- Earthy, muted palette
- Flowing blob shapes
- Botanical motifs
Maximalism
Pattern on pattern, colour on colour.
- Layered patterns
- Rich, saturated colour
- Mixed type styles
Have something else in mind?
Bring your own design. I’ll build it.
Got a sketch, a Figma file, or a site you love? Send it over through my contact form and let’s talk about your project.
Go to the contact form on h190k.comFAQ
Good questions.
Are these real websites?
No. Each one is a static landing-page mockup for an invented brand. They exist so you can see how a design language looks and feels on a real-looking page before we build yours.
Can I mix two styles?
Yes. Many great sites combine ideas, for example a minimal layout with bento-style feature tiles, or corporate structure with a glassmorphism hero. Tell me which mockups you liked and what you liked about each.
Do I need both light and dark themes?
Not at all. Every mockup shows both so you can judge the style fairly, but your site can ship with one theme or both. Use the switcher at the bottom of each mockup to compare.
What happens after I choose?
Send me the name of the design (or designs) through the contact form on h190k.com, along with a few words about your project. I will reply with next steps, a rough timeline and a quote.
I already have a design in mind. Is that okay?
Absolutely. Share a sketch, a Figma file, screenshots of sites you love or just a description through the contact form, and we will start from there.