Huly
Northern Lights sa Midnight Observatory - ang bida usa ka bertikal nga silaw sa purpura nga nagkahanaw ngadto sa korales, ug ang matag hilom nga seksyon sa ubos niini nanghulam sa samang duha ka tono nga istorya nga gisulti sa mas hinay nga tono.
Ang Huly nagpahinumdom sa ambiance sa usa ka cosmic workspace: usa ka hapit itom nga canvas nga adunay usa ka violet-amber glow nga nagputol sa pangunang elemento, ug sa ubos niini, usa ka mas hilom nga grid para sa dugang nga produktibidad. Ang sistema naglihok sulod sa usa ka pig-ot nga range sa kolor—usa ka hayag nga asul ug usa ka coral ang nagbuhat sa tanang branding work batok sa layered graphite surfaces, mao nga ang dark mode dili gyud mobati nga neutral. Ang typography kay Inter-style para sa tanan nga functional, nga adunay custom font (Esbuild) nga gitagana para sa mga importanteng punto, nga adunay pitch nga 80–84px ug agresibo nga negative letter spacing. Ang mga component kay capsule-shaped: 9999px radii sa mga kontrol, 12px sa mga kard, minimal shadow, ug glowing gradient lines isip pangunang dekorasyon. Ang panid nagpuli-puli tali sa full-page dark areas ug calm light sections, mao nga ang bisan unsang bag-ong screen kinahanglan nga modesisyon sa mode sa dili pa mopili og mga kolor.
Ang full-width nga homepage adunay bertikal nga silaw sa northern lights ug usa ka wala nga gihan-ay nga headline, uban sa screenshot sa produkto nga gibutang sa ubos nga tuo. Sa ubos sa homepage adunay content area nga adunay maximum nga gilapdon, 1200px, nga nagpulipuli sa itom ug hayag nga mga stripes. Ang matag seksyon usa ka bertikal nga bloke: usa ka header ug usa ka 3- o 4-column nga grid sa mga kard nga gibulag sa 96px nga mga gintang. Ang seksyon nga "MetaBrain" nagbahin sa grid nga adunay nakasentro nga headline ug usa ka mosaic sa mga kard nga lainlain ang gidak-on (usa ka dako nga main card ug mas gagmay nga mga supporting card). Ang panid puno sa sulud, nga nagsunod sa mga sumbanan sa SaaS, apan naggamit sa nagpulipuli nga itom ug hayag nga mga stripes aron mahatagan ang matag seksyon og luna nga makaginhawa. Ang nabigasyon usa ka transparent nga top bar nga mawala sa opaque samtang mag-scroll ka.
Ang pangunang elemento usa ka puro nga aurora gradient, walay mga litrato. Ang tanang ilustrasyon aktuwal nga mga screenshot sa UI sa produkto (Kanban sa dark mode, inbox, kalendaryo), nga gi-frame sa mga card frame nga nagsilbing ebidensya ug dekorasyon. Walay mga litrato sa estilo sa kinabuhi, walay stock nga mga imahe, walay 3D renders. Ang bugtong biswal nga elemento nga wala’y kalabotan sa UI mao ang usa ka mainit, radial nga kahayag sa adlaw sa base sa aurora, nga gi-render isip CSS gradient. Ang mga icon mga monochrome line icon sa #95979 o puti, dili gyud multicolor. Gitratar sa sistema ang kaugalingon nga dark UI isip pangunang elemento—ang produkto mao ang mga litrato.
Paleta
Brand
- Electric Iris
#5683da— Ang pangunang background, aktibong indikasyon sa nabigasyon, ug talagsaong Northern Lights accent—usa ka hayag nga violet-blue nga kolor sa itom kaayong background—nagmugna og impresyon sa pakiglambigit imbes nga kalihokan sa korporasyon. - Ember Pulse
#ff8964— Usa ka ikaduhang aksento, usa ka mainit nga northern lights zone, usa ka notification point, ug usa ka illustration highlight—usa ka amber nga kolor nga nagbungkag sa kahilom sa asul ug nagdugang og kainit sa silaw.
Neutral
- Obsidian Canvas
#303236— Ang background sa panid, ang dominanteng nawong, halos itom ang kolor nga adunay gamay nga kainit, ang sumbanan nga palibot alang sa tanang sulod. - Void
#090a0c— Ang pinakalawom nga layer sa ibabaw para sa mga gradient sa main screen, modal backgrounds, ug mga frame nga angay mohaom sa canvas. - Charcoal Card
#111111— Gipataas nga mga nawong nga hinimo sa karton ug mga panel, gibutang usa ka ang-ang ibabaw sa canvas. - Slate Edge
#4a4b50— Maliputon nga mga utlanan ug mga divider sa ngitngit nga mga nawong - Iron Veil
#6b6c6d— Gipangitngit nga background para sa mga tag, pagpuno sa mga butang sa lista, ug mga gi-disable nga pagpuno. - Smoke
#95979e— Ang mga outline sa icon, dugang nga teksto, ug dili aktibo nga mga kontrol mao ang panguna nga elemento sa pagtrabaho sa medium gray.
Tipograpiya
gikan sa 11 hangtod 80px · 8 ka lakang
- Inter — kapuli: DM Sans · mga balangkas 300, 400, 500, 600, 700 · Ang tanang functional text sa user interface—body text, navigation, buttons, list items, labels, ug small headings—gigamit nga may font weight nga 500–600 para sa emphasis, 400 para sa body text, ug 300 nga talagsa ra para sa dili makahasol nga metadata.
- Esbuild — kapuli: Sora · mga balangkas 400, 500, 600 · Display-only: mga splash title, section heading, ug MetaBrain article title. Ang mubo nga geometry ug pig-ot nga letter spacing naghatag og impresyon nga ang 84px mas angay para sa editorial work kaysa sa SaaS projects. Ayaw gyud gamita ang ubos sa 28px.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | lapad |
| Batakang lakang | 12px |
| Radius sa butones | 9999px |
| Radius sa kard | 12px |
| Mga anino | humok nga mga anino |
| Taliwala sa mga seksyon | 96px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Huly ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- monday — Puti nga workshop nga adunay mga pastel sticker
- Slack — Ang entablado kolor talong nga adunay puti nga mga spotlight. Usa ka lawom nga kolor plum ang nagdominar sa ngitngit nga mga lugar, samtang ang puti nga canvas nagtugot sa dagko, avant-garde nga mga titulo nga makaginhawa nga gawasnon.
- Base44 — Notebook nga gisidlakan sa adlaw nga adunay lime marker
- Supahub — Hinay nga kahayag sa adlaw sa usa ka purpura nga bungtod. Usa ka puti, mahangin nga kanbas nga gidan-agan sa usa ka hayag nga purpura nga adlaw, nga adunay pangdekorasyon nga gradient spheres nga nagpaagay og kolor ngadto sa negatibo nga wanang ug manggihatagon nga lingin nga geometry nga naghatag sa matag nawong og usa ka makalipay ug mahikap nga kabug-at.
- Raycast — Sentro sa Komandante sa Tungang Gabii, Coral Neon
- Dimension — usa ka workstation nga nalamdagan sa kangitngit nga adunay mga panel nga bildo nga may frosted
- Wiza — Usa ka obserbatoryo sa eksplorasyon sa mineral sa kilumkilom, nga gitabonan sa gabon nga lavender.
- Paste — Usa ka amber nga parol sa puti nga marmol—ang mainit nga gradient logo sa brand naglutaw-lutaw sa halapad nga puti nga wanang, sama sa bugtong nagsiga nga bintana sa usa ka bilding nga natabunan sa niyebe.
- Reworkd — Ang humok nga kahayag sa adlaw sa diagram sa produkto mao ra ang kolor nga nagsulti alang sa iyang kaugalingon, kini ang buton sa aksyon ug ang gradient nga ulohan sa ibabaw niini.
- Reflect Notes — Ang mabituon nga violet nga kawanangan usa ka ngitngit nga obserbatoryo diin ang mga nota naglutaw sama sa mga konstelasyon batok sa talan-awon sa halos itom nga indigo nga kahaw-ang.
- Ameba — Ang control room sa tungang gabii – usa ka electric blue nga pulso sulod sa mga frosted glass panel
- Todoist — Usa ka gisidlakan sa adlaw nga trabahoan nga adunay diary nga papel – usa ka mainit nga cream desk, mga nota nga may tinta, usa ka pula nga bolpen