Japandi
Build with the Japandi look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- Inter
- Style
- 2020s Fusion Design, Japandi, Japanese minimalism, Scandinavian warmth
- Length
- 964 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 Japandi
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 ↗
- Minimalist React Hero with MotionButtonMinimalist React Hero with Motion DESIGN.mdView →
Minimalist React Hero with Motion
Minimal & SwissMinimalist, high-end React hero section using Tailwind CSS v4 and the Motion library. Ideal for saas landing pages, ferramentas de gestão remota, startups premium, produtos digitais high-end. AI-ready template.
○ Light· Instrument Serifdesignmd.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