Prompt & Design Toolkit

The Ultimate Prompt &
Design Toolkit for Better UI

Interactive prompts, live previews, structural frameworks, and pro tips — everything you need to craft stunning interfaces with Lovable.

Based on the prompt library by Felix Haas

How to Use This Toolkit

1Browse & Preview

Explore styles with live interactive previews — see exactly what each aesthetic looks like before committing.

2Pick Your Keywords

Each template highlights key vocabulary that triggers the right visual output in AI tools.

3Copy & Customize

Grab copy-paste ready prompts and adapt them with your own brand details, colors, and content.

4Level Up

Use the pro tips, structural frameworks, and power combinations to craft truly polished results.

Good morning

Find your stillness

128

Sessions

1,420

Minutes

12 days

Streak

Today's Sessions

Morning Stillness

10 min

Forest Bathing

15 min

Ocean Breath

20 min

Moonlight Rest

30 min

🧘
Light & Elegant
4. Calm & Elegant
Soft gradients, muted palettes, generous spacing, and gentle transitions. Perfect for wellness apps, meditation platforms, healthcare, and mindfulness tools.
Soft gradientsmuted palettegenerous spacinggentle transitions+8
View Template
v2.4.0 — Now with webhook retries

Build faster with
DevStack API

A modern, developer-first API platform. Ship integrations in minutes, not days.

typescript
$ npm install @devstack/sdk

import { DevStack } from '@devstack/sdk'

const client = new DevStack({
  apiKey: process.env.DEVSTACK_API_KEY
})

const users = await client.users.list()
console.log(users)

Blazing Fast

Sub-50ms response times globally with edge-deployed infrastructure.

Type-Safe SDKs

Auto-generated TypeScript, Python, and Go clients from OpenAPI specs.

CLI First

Full-featured CLI for managing resources, testing, and deployments.

99.99%
Uptime SLA
<50ms
Avg Latency
10M+
API Calls/Day
DevStack © 2026
● All systems operational
⌨️
Content & Data
6. Technical & Developer-Focused
Monospace fonts, dark theme, terminal-style UI, and code-first design. Perfect for documentation, dev tools, API platforms, and code editors.
Monospace fontsdark themeterminal-style UIminimal chrome+6
View Template

All Notes

All NotesWeekly reflection

Weekly reflection

Today·2 min read

This week I focused on simplifying the onboarding flow. The key insight was that users don't need a tutorial—they need fewer steps.

The goal is always clarity. Remove every element that doesn't serve the reader. What remains should feel inevitable—not designed, but discovered.

When the interface disappears, the content can finally breathe. That's when the tool becomes invisible and the work takes center stage.

"Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away."

— Antoine de Saint-Exupéry

Three principles emerged from this exercise: reduce, align, breathe. Every decision flows from these three words.

284 wordsLast edited Today
✏️
Light & Elegant
7. Minimal & Focused
Whitespace-driven, distraction-free interfaces with invisible UI and whisper-quiet design. Perfect for productivity apps, note-taking tools, and writing platforms.
Whitespace-drivenfrictionlessneutral tonesinvisible UI+7
View Template
G
JD
Community

Welcome back, Jamie! 👋

Your neighbours are buzzing with activity today

342
Neighbours
12
Events
28
Connections

Upcoming Events

Community Cooking Night

Community Cooking Night

Mar 15· 24 going
Neighbourhood Garden Party

Neighbourhood Garden Party

Mar 22· 38 going
🤗
Light & Elegant
14. Warm & Inviting
Soft shadows, rounded corners, and warm oranges create cozy, welcoming interfaces. Perfect for community platforms, social apps, friendly services, and hospitality.
Soft shadowsrounded cornerswarm orangescozy spacing+6
View Template
2450 XP
👤
Level
8
2450/3000 XP
🔥
Streak
21 days
Personal best!

Today's Quests

2/5 done
Morning Run
12d +50 XP
Read 30 min
8d +30 XP
Drink 8 glasses
21d +20 XP
Meditate
5d +40 XP
No sugar
3d +35 XP
🎮
Bold & Expressive
16. Playful & Gamified
Achievement badges, progress rings, and reward animations create engaging, motivational interfaces. Perfect for education apps, fitness platforms, habit trackers, and learning tools.
Achievement badgesprogress ringsreward animationsplayful scoring+7
View Template

Crafting digital
experiences

Design & development studio specializing in premium interfaces with depth and clarity.

Aurora Dashboard
Web App

Aurora Dashboard

Analytics platform with real-time data visualization

View project
Prism Studio
Design Tool

Prism Studio

Creative suite for 3D asset generation

View project
NeoVault
SaaS

NeoVault

Enterprise security dashboard with AI monitoring

View project
🪟
Premium & Polished
17. Glassmorphic & Layered
Frosted glass effects, backdrop blur, and layered transparency create depth and premium feel. Perfect for modern web apps, design portfolios, showcase sites, and premium tools.
Frosted glassbackdrop blurlayered transparencydepth hierarchy+7
View Template

THE ATLAS

The Forgotten Roads of Northern Iceland
Featured

The Forgotten Roads of Northern Iceland

A journey through landscapes untouched by time, where the road itself becomes the destination.

Elena Marquez· 12 min read·March 8, 2026

Latest Stories

Light & Space: The New Architecture
Architecture

Light & Space: The New Architecture

James Liu· 8 min
The Ritual of Morning Coffee
Culture

The Ritual of Morning Coffee

Sofia Andersson· 5 min
Into the Silence: Forest Bathing
Wellness

Into the Silence: Forest Bathing

Kenji Takahashi· 7 min
📰
Content & Data
18. Editorial & Content-Rich
Magazine-style grids, typographic hierarchy, and reader-optimized layouts with drop caps and pull quotes. Perfect for magazines, blogs, news sites, content platforms, and publishing.
Editorial layoutmagazine-style gridfeatured imagerytypographic hierarchy+7
View Template
LVL 42
Cyberpunk
Live Now

Season 7: NEON UPRISING

New maps, weapons, and ranked rewards

247
Games Played
68%
Win Rate
2.4
Kill/Death
1,204
Hours

Trending Now

NEXUS PROTOCOL
4.8

NEXUS PROTOCOL

Action RPG 12.4K
VELOCITY ZERO
4.6

VELOCITY ZERO

Racing 8.2K
VOID BREACH
4.9

VOID BREACH

Open World 23.1K
Dark & Dramatic
19. Neon & Cyberpunk
Neon glow effects, electric colors on pure black, and cyberpunk intensity for maximum visual impact. Perfect for gaming sites, tech brands, nightlife apps, and entertainment platforms.
Neon glowcyberpunk aestheticdark futuristicelectric colors+6
View Template
Nordheim
Scandinavian interior

Designed for calm living

Furniture and objects crafted from natural materials, built to last and designed to bring stillness to your everyday.

Selected pieces
Eira Dining ChairNew

Eira Dining Chair

€249
Sølv Side Table

Sølv Side Table

€189
Furu Ceramic BowlBestseller

Furu Ceramic Bowl

€45

Sustainably sourced

FSC-certified oak

Handcrafted

Nordic workshops

Built to last

10-year guarantee

🪵
Light & Elegant
20. Scandinavian & Minimal
Light wood textures, muted Nordic palette, and abundant whitespace for clean, functional beauty. Perfect for lifestyle brands, furniture stores, minimalist products, and Nordic aesthetic.
Light wood texturesmuted Nordic palettehygge-inspiredclean simplicity+6
View Template
New: AI-powered analytics

Build faster with
intelligent tools

The modern platform for teams that ship fast. Glassmorphic design meets powerful analytics.

Analytics

Real-time insights

Security

Enterprise-grade

Global CDN

99.99% uptime

Guides & Tools
22. Power Combinations
Three curated prompt recipes that combine multiple design techniques for maximum impact. Each theme pairs typography, spacing, interaction, and layout strategies into a cohesive style.
Premium SaaSBold StartupPeaceful Wellnessglassmorphic+5
View Template
READY-TO-USE TEMPLATE

Design a [type] with [style]

Fill in each section for a comprehensive, opinionated prompt

Visual Style
[Color palette specifics]
[Typography choices]
[Spacing/layout approach]
Output: [What you expect as final deliverable]
📋
Guides & Tools
24. Ready-to-Use Prompt Template
A structured fill-in-the-blank prompt template that covers every critical dimension — visual style, interactivity, layout, responsiveness, and technical requirements. Start every project with this framework for consistently excellent results.
Visual StyleInteractive ElementsStructureResponsive Behavior+1
View Template
Vol. 07 · MMXXVI
FORMA·BRUTA
EN·FR
Editorial 01

Heavy
matter,
quiet
voice.

№07

A periodical on form, weight and silence — printed in a single run of seven hundred copies, stitched by hand on the shores of Lake Zürich.

Folio
210 × 297
Stock
Munken 120
Ink
Pantone 485
Bind
Saddle stitch
P. 001
On the weight of letters
P. 024
A grid is not a cage
P. 057
Vermilion, a confession
P. 098
Silence as composition
§ A quiet riot of formPp. 001 / 128
Editorial & Bold
25. Concrete Poetry
Brutalist editorial design where typography is architecture. Massive serif headlines, monumental color blocks, and Swiss grids meet Polish poster energy. For art journals, magazines, manifestos, and brands that speak through weight, not noise.
Massive serif typographymonumental color blocksSwiss gridPolish poster energy+8
View Template
New Collection

Design that feels right

Soft surfaces, gentle depth, and organic warmth. Every interaction crafted to feel like touching something real.

2.4s
Response
99.9%
Uptime
12k+
Users
Warm & Organic
26. Tactile Depth
Soft claymorphic surfaces with gentle shadows, rounded forms, and an inviting earth-tone palette. Every element feels touchable — like real objects resting on a warm desk. Perfect for wellness apps, lifestyle brands, friendly SaaS, and products that want to feel human.
Claymorphismsoft shadowsrounded surfaceswarm earth tones+8
View Template

ICONIC

(2)
Design not as decoration, but as structure.
Curation
A system of meaning built through type, rhythm, and contrast.
The Essence (2026)
The Issue
(3)
We see design not as decoration, but as structure. A system of meaning built through type, rhythm, and contrast. Every element has a role.
(1)
Editorial & Bold
27. Iconic Editorial
Monumental display typography over a moody portrait — warm ember tones, ultra-tight tracking, and editorial pacing borrowed from collectible art books. Fashion houses, creative studios, and culture-first brands.
Monumental typeeditorial portraitwarm ember paletteultra-tight tracking+7
View Template

OMNIA

Precision in Every Note,
Built for You

Adaptive, intuitive, and bold. Enjoy sound that moves with you and brings every detail to life.

Premium & Polished
28. Sonic Bloom
Dreamy gradient skies, floating products, and translucent serif wordmarks — a romantic premium hero direction perfect for consumer hardware, beauty, and lifestyle brands that want emotion before specs.
Gradient skytranslucent serif wordmarkfloating producthorizon glow+7
View Template
(X)
The Groove
Distortion tearing
through the stereo field.
CLARITY
OVER
NOISE
CREATE
Editorial & Bold
29. Amplified Press
A music-magazine cover treatment: ice-blue typography on charcoal, mixed serif and grotesque, layered columns, and a single monumental verb. Perfect for record labels, festivals, indie media, and culture brands.
Magazine cover layoutice-blue on charcoalmixed serif and grotesqueMonumental verb+6
View Template
DESIGN
COMMERCIALS
EDITORIAL
Premium & Polished
30. Liquid Editorial
Italic serif manifesto type colliding with a chromatic 3D liquid sculpture and electric green streak. A high-end design-studio aesthetic for agencies, motion shops, and creative producers.
Italic display serifliquid 3D blobchromatic streakfog gradient+7
View Template
04:21
Bulletin №07
A field guide to working with the sun, not against it.
Editorial & Bold
31. Solar Brutalism
Charred concrete meets a molten setting sun. Oversized numerals, Helvetica grids, and difference-blend typography for solar-tech, climate, and architecture brands that want gravity without gloss.
Charred backgroundmolten orange sunmix-blend differenceoversized numerals+5
View Template
Dispatch №14 / SpringTwo-Color · Hand-Pulled
Limited Run

Print is
not dead,
it's louder.

Pressed in Zürich·120gsm·Edition of 200
Editorial & Bold
32. Risograph Dispatch
Two-color risograph print energy: misregistered ink blocks, halftone dots on warm paper, and a hand-stamped editorial voice. For zines, bookshops, indie press, record labels, and craft brands.
Risograph two-colormisregistration offsethalftone dotsmultiply blend mode+5
View Template
aurora@terminal:~
v2.4.1 · 11:47:03 UTC
$ initialize --mode=poetic
▸ loading aurora kernel ████████████ 100%
$ render --target=horizon

compile
./tomorrow

● onlinestream: aurora-7latency 12ms
Technical & Future
33. Aurora Terminal
Phosphor-green CRT meets a violet-cyan aurora. JetBrains Mono command streams, glowing text shadows, and CRT scanlines for dev tools, infra, AI runtimes, and anything that should feel "in the machine."
Phosphor greenCRT scanlinesaurora gradient backdropJetBrains Mono+5
View Template

Maison
— n o c t u r n e —

Couture for the after-hours
M
Luxury & Refined
34. Midnight Atelier
Couture noir: obsidian backdrop, gold-foil rule frames, italic Didone wordmarks, and small-caps tracking that breathes like a museum vitrine. For luxury houses, perfumeries, jewelers, and hospitality.
Obsidian backgroundgold rule frameDidone italic wordmarksmall-caps tracking+5
View Template