Micro-interactions
Build with the Micro-interactions look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- System UI stack
- Style
- 2020s Modern, Small animations, gesture-based, tactile feedback
- Length
- 831 words
Add it to your project
Then prompt your agent
This style is published by designmd.app by Fabricio Telles. coderef lists its name, palette and fonts so you can find it here; the full DESIGN.md lives on designmd.app.
More like Micro-interactions
All styles designs →- Spotify Dark ImmersiveButtonSpotify Dark Immersive DESIGN.mdView →
Spotify Dark Immersive
Futuristic & TechSpotify-inspired dark immersive landing page. Ideal for streaming de música, plataformas de áudio, podcasts, entretenimento digital. AI-ready template.
○ Lightdesignmd.app ↗
- Dark SaaS Hero with Liquid GlassButtonDark SaaS Hero with Liquid Glass DESIGN.mdView →
Dark SaaS Hero with Liquid Glass
Futuristic & TechDark SaaS landing page hero section. Ideal for b2b saas, ai tools, plataformas de desenvolvedores, landing pages tech, startups, apis e sdks. AI-ready template.
○ Light· Geist Sansdesignmd.app ↗
- Aurora Boreal NórdicaButtonAurora Boreal Nórdica DESIGN.mdView →
Aurora Boreal Nórdica
Futuristic & TechNordic aurora borealis landing page. Ideal for landing pages, saas. AI-ready template.
○ Light· Montserratdesignmd.app ↗
- Estilo Deep Learning High-TechButtonEstilo Deep Learning High-Tech DESIGN.mdView →
Estilo Deep Learning High-Tech
Futuristic & TechHigh-tech AI platform landing page. Ideal for landing pages, modern websites. AI-ready template.
○ Light· Roboto Monodesignmd.app ↗
- Cyberpunk UIButtonCyberpunk UI DESIGN.mdView →
Cyberpunk UI
Futuristic & TechCyberpunk interface. Ideal for landing pages, saas. AI-ready template.
○ Lightdesignmd.app ↗
- Wise Lime BoldButtonWise Lime Bold DESIGN.mdView →
Wise Lime Bold
Futuristic & TechWise-inspired bold fintech landing page. Ideal for transferências internacionais, fintechs, plataformas de pagamento, câmbio. AI-ready template.
◐ Darkdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses