React Email
Nagtatampok ang Obsidian Developer Workshop ng malalim na matte black finish, banayad na puting mga gilid, at isang asul na ilaw na kumikinang sa salamin para sa mga developer.
Paleta
Neutral
- Obsidian
#000000 - Carbon
#0f0f10 - Graphite
#27272a - Filament
#e5e7eb - Paper
#ffffff - Fog
#abafb4
Tipograpiya
mula 12 hanggang 68px · 8 hakbang
- Inter — kapalit: system-ui · mga balangkas 400, 460, 500
- CommitMono — kapalit: JetBrains Mono · mga balangkas 400
- -apple-system — kapalit: system-ui · mga balangkas 400, 600, 700
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | karaniwan |
| Pangunahing hakbang | 12px |
| Radius ng buton | 8px |
| Radius ng card | 12px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 80px |
| Lapad ng pahina | 1200px |
Gagawa ang AI ng website mo sa estilong React Email at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Fey — Bloomberg Night Terminal, matte black na may luminescent na font
- Altitude — Isang editoryal sa pananalapi na inilathala noong hatinggabi—isang madilim na palapag ng kalakalan, na nakalimbag sa matingkad na puting serif na tipong, na naiilawan lamang ng manipis na mga gilid at isang asul na tuldik
- Axiom — Ang terminal window sa hatinggabi ay isang patag na itim na canvas, monospaced na teksto, at isang kumikislap na orange na cursor.
- Freshman — mga pamagat ng pelikula sa itim na pelus
- Monologue — Isang aklatang pelus na may iisang asul na ilaw. Isang malawak at madilim na silid kung saan ang isang pamagat na naka-italic serif na font ay nakakakuha ng atensyon, at ang isang turkesang liwanag ay hudyat ng pagsisimula ng aksyon.
- Mesh — Tintang tanso sa papel na panghatinggabi. Isang madilim na editoryal na anyo kung saan ang mainit na linyang amber at isang makitid na sans-serif na tipo ng titik ay gumagabay sa mata sa isang siksik at hindi minamadaling komposisyon.
- herding — Isang mainit na desk na uling na may iisang neon accent—isang monochrome dark UI, na hinati-hati ng matingkad na turquoise-lime hue
- Lazy — Pag-typeset ng manuskrito sa hatinggabi
- Authkit — Katedral na May Frosting Glass sa Hatinggabi
- Clyde — Ang showroom, na may nag-iisang spotlight nito, ay isang halos madilim na gallery kung saan ang tanging kulay sa silid ay isang mainit na gradient ball.
- Resend — itim na pelus na may lilang kulay neon
- Gsap — Isang animated whiteboard sa isang design studio. Isang halos itim na dingding, mainit na kremang chalk, at limang kulay na marker—isa para sa bawat disiplina ng animation.