Huly

Paleta

Tatak

• Electric Iris #5683da — Ang pangunahing background, aktibong indicator ng nabigasyon, at kapansin-pansing Northern Lights accent—isang matingkad na kulay violet-blue sa isang jet-black na background—ay lumilikha ng impresyon ng pakikipag-ugnayan sa halip na aktibidad ng korporasyon.
• Ember Pulse #ff8964 — Isang pangalawang accent, isang mainit na northern lights zone, isang notification point, at isang illustration highlight—isang kulay amber na bumabasag sa kahinahunan ng asul at nagdaragdag ng init sa sinag.

Neutral

• Obsidian Canvas #303236 — Ang background ng pahina, ang nangingibabaw na ibabaw, ay halos itim na kulay na may kaunting pahiwatig ng init, ang karaniwang kapaligiran para sa lahat ng nilalaman.
• Void #090a0c — Ang pinakamalalim na layer ng ibabaw para sa mga gradient sa pangunahing screen, mga modal na background, at mga frame na dapat bumagay sa canvas.
• Charcoal Card #111111 — Mga nakataas na ibabaw na gawa sa karton at mga panel, na nakaposisyon isang baitang sa itaas ng canvas.
• Slate Edge #4a4b50 — Mga banayad na hangganan at divider sa madilim na mga ibabaw
• Iron Veil #6b6c6d — Pinadilim na background para sa mga tag, pagpuno ng item sa listahan, at mga hindi pinaganang pagpuno.
• Smoke #95979e — Ang mga balangkas ng icon, karagdagang teksto, at mga hindi aktibong kontrol ang pangunahing elementong gumagana sa katamtamang kulay abo.

Tipograpiya

mula 11 hanggang 80px · 8 hakbang

• Inter — kapalit: DM Sans · mga balangkas 300, 400, 500, 600, 700 · Lahat ng functional text sa user interface—body text, navigation, buttons, list items, labels, at small headings—ay ginagamit na may font weight na 500–600 para sa diin, 400 para sa body text, at 300 nang matipid para sa hindi nakakahawang metadata.
• Esbuild — kapalit: Sora · mga balangkas 400, 500, 600 · Display-only: mga splash title, section heading, at MetaBrain article title. Ang pinaikling geometry at masikip na pagitan ng mga letra ay lumilikha ng impresyon na ang 84px ay mas angkop para sa gawaing editoryal kaysa sa mga proyektong SaaS. Huwag kailanman gumamit ng mas mababa sa 28px.

Mga pagitan at anyo

Mga katulad na estilo

• monday — Puting workshop na may mga pastel sticker
• Slack — Kulay talong ang entablado na may puting mga spotlight. Madilim na kulay plum ang nangingibabaw sa madilim na bahagi, habang ang mapusyaw na puting canvas ay nagbibigay-daan sa malalaki at avant-garde na mga pamagat na malayang makahinga.
• Base44 — Kuwaderno na naliliwanagan ng araw na may marker na dayap
• Supahub — Malambot na liwanag ng araw sa isang lilang tagaytay. Isang halos puti, mahangin na canvas na naliliwanagan ng isang maliwanag na lilang araw, na may mga pandekorasyon na gradient sphere na nagbubuga ng kulay sa negatibong espasyo at mapagbigay na bilugan na geometry na nagbibigay sa bawat ibabaw ng kaaya-aya at nasasalat na bigat.
• Raycast — Sentro ng Pamumuno sa Hatinggabi, Coral Neon
• Dimension — isang workstation na naliliwanagan ng takipsilim na may mga panel na may frosted glass
• Wiza — Isang obserbatoryo ng eksplorasyon ng mineral sa dapit-hapon, nababalot ng ambon ng lavender.
• Paste — Isang amber na parol sa puting marmol—ang mainit na gradient logo ng brand ay lumulutang sa malawak na puting espasyo, parang ang tanging naiilawang bintana sa isang gusaling natatakpan ng niyebe.
• Reworkd — Ang malambot na liwanag ng araw sa diagram ng produkto ang tanging kulay na nagsasalita para sa sarili nito, ito ay ang action button at ang gradient headline sa itaas nito.
• Reflect Notes — Ang mabituing lilang kalawakan ay isang madilim na obserbatoryo kung saan ang mga nota ay lumulutang na parang mga konstelasyon laban sa likuran ng halos itim na kawalan ng indigo.
• Ameba — Ang control room sa hatinggabi – isang electric blue pulse sa loob ng mga frosted glass panel
• Todoist — Isang workspace na naliliwanagan ng araw na may diary na papel – isang mainit na cream desk, mga sulat na may tinta, isang pulang panulat