Minimalist React Hero with Motion
Build with the Minimalist React Hero with Motion look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- Instrument Serif
- Style
- 2020s Modern SaaS, minimalist, high-end, React
- Length
- 993 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 Minimalist React Hero with Motion
All styles designs →- HR SaaS HeroButtonHR SaaS Hero DESIGN.mdView →
HR SaaS Hero
Minimal & SwissMinimalist white SaaS hero with background video vertically flipped scaleY(-1) and white gradient overlay (transparent at 26.4% to white at 66.9%).
○ Light· Geistdesignmd.app ↗
- JapandiButtonJapandi DESIGN.mdView →
Japandi
Minimal & SwissJapandi landing page blending Japanese minimalism with Scandinavian warmth. Ideal for interior design, produtos lifestyle, branding minimalista, design de pôsteres. AI-ready template.
○ Light· Interdesignmd.app ↗
- ElevenLabs Ethereal VoiceButtonElevenLabs Ethereal Voice DESIGN.mdView →
ElevenLabs Ethereal Voice
Minimal & SwissDesign an ElevenLabs-inspired ethereal landing page. Ideal for voice ai, plataformas de áudio, text-to-speech, ferramentas de mídia. AI-ready template.
○ Lightdesignmd.app ↗
- The Barely-There UIButtonThe Barely-There UI DESIGN.mdView →
The Barely-There UI
Minimal & SwissDesign an ultra-minimal AI-native interface inspired by OpenAI and Perplexity. Ideal for plataformas de ia, saas b2b enterprise, dashboards analiticos, ferramentas de produtividade, interfaces de dados. AI-ready template.
○ Light· Interdesignmd.app ↗
- CartesianButtonCartesian DESIGN.mdView →
Cartesian
Minimal & SwissCartesian — Quiet warm-neutral palette with classical Playfair serifs; tasteful and unhurried. Playfair Display typography. warm bone and stone neutrals only. Best for investment thesis, white paper, advisory deliverable.
○ Light· Interdesignmd.app ↗
- MonochromeButtonMonochrome DESIGN.mdView →
Monochrome
Minimal & SwissMonochrome — Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color at all. Lora typography. ivory and pale-cream paper with deep ink-black type only.
○ Light· Loradesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses