Huly
Lampu Kalér di Observatorium Tengah Peuting - protagonisna nyaéta sinar vertikal wungu anu luntur jadi karang, sareng unggal bagian anu sepi di handapna nginjeum carita dua nada anu sami anu dicaritakeun dina nada anu langkung lemes.
Huly ngébréhkeun suasana rohangan gawé kosmik: kanvas ampir hideung kalayan hiji cahaya violet-amber anu motong unsur utama, sareng di handapna, grid anu langkung lemes pikeun ningkatkeun produktivitas. Sistem ieu beroperasi dina rentang warna anu sempit — hiji biru caang sareng hiji koral ngalakukeun sadaya padamelan branding ngalawan permukaan grafit berlapis, janten modeu poék henteu pernah karasa nétral. Tipografi nyaéta Inter-style pikeun sadayana anu fungsional, kalayan font khusus (Esbuild) anu disimpen pikeun poin konci, kalayan pitch 80–84px sareng jarak hurup négatip anu agrésif. Komponenna bentukna kapsul: radius 9999px dina kontrol, 12px dina kartu, kalangkang minimal, sareng garis gradien anu caang salaku hiasan utama. Halaman silih genti antara daérah poék halaman pinuh sareng bagian cahaya anu tenang, janten layar énggal naon waé kedah mutuskeun modeu sateuacan milih warna.
Halaman utama anu lébar pinuh nampilkeun sinar vertikal cahaya kalér sareng judul anu rata di kénca, sareng cuplikan layar produk anu diposisikan di katuhu handap. Di handap halaman utama aya area eusi kalayan lébar maksimum, 1200px, garis poék sareng caang anu silih genti. Unggal bagian mangrupikeun blok vertikal tunggal: lulugu ditambah grid kartu 3 atanapi 4 kolom anu dipisahkeun ku celah 96px. Bagian "MetaBrain" misahkeun grid ku judul anu di tengah sareng mosaik kartu anu ukuranana béda-béda (kartu utama anu ageung ditambah kartu pendukung anu langkung alit). Halaman ieu beurat eusi, nuturkeun standar SaaS, tapi nganggo garis poék sareng caang anu silih genti pikeun masihan unggal bagian rohangan pikeun ngarénghap. Navigasi mangrupikeun bilah luhur transparan tunggal anu luntur janten buram nalika anjeun ngagulung.
Unsur utama nyaéta gradien aurora murni, bébas tina poto. Sadaya ilustrasi mangrupikeun cuplikan layar asli tina UI produk (Kanban dina modeu poék, kotak surat, kalénder), dibingkai dina pigura kartu anu janten bukti sareng hiasan. Teu aya poto gaya hirup, teu aya gambar stok, teu aya render 3D. Hiji-hijina unsur visual anu teu aya hubunganana sareng UI nyaéta cahaya panonpoé radial anu haneut di dasar aurora, anu dirender salaku gradien CSS. Ikon mangrupikeun ikon garis monokrom dina #95979 atanapi bodas, henteu pernah multiwarna. Sistem ieu nganggap UI poékna nyalira salaku unsur utama — produkna nyaéta poto-poto.
Palet
Merek
- Electric Iris
#5683da— Latar tukang utama, indikator navigasi aktif, sareng aksen Northern Lights anu narik ati—warna biru violet anu cerah dina latar tukang hideung legam—nyiptakeun kesan kalibet tinimbang kagiatan perusahaan. - Ember Pulse
#ff8964— Aksen sekundér, zona cahaya kalér anu haneut, titik bewara, sareng sorotan ilustrasi—rona ambar anu megatkeun kasegaran biru sareng nambihan kahaneutan kana sinarna.
Nétral
- Obsidian Canvas
#303236— Latar tukang kaca, beungeut dominan, warnana ampir hideung kalayan saeutik kahaneutan, lingkungan standar pikeun sadaya eusi. - Void
#090a0c— Lapisan permukaan anu pangjerona pikeun gradien dina layar utama, latar tukang modal, sareng pigura anu kedah nyampur kana kanvas. - Charcoal Card
#111111— Beungeut anu didamel tina kardus sareng panel anu diangkat, ditempatkeun hiji léngkah di luhur kanvas. - Slate Edge
#4a4b50— Wates jeung pamisah anu lemes dina permukaan poék - Iron Veil
#6b6c6d— Latar tukang anu diredupkeun pikeun tag, eusian item daptar, sareng eusian anu ditumpurkeun. - Smoke
#95979e— Garis luar ikon, téks tambahan, sareng kontrol anu teu aktip mangrupikeun unsur kerja utama dina warna kulawu sedeng.
Tipografi
ti 11 dugi ka 80px · 8 léngkah
- Inter — panggantian: DM Sans · garis besar 300, 400, 500, 600, 700 · Sadaya téks fungsional dina antarmuka pangguna—téks eusi, navigasi, tombol, item daptar, labél, sareng judul alit—dianggo kalayan beurat font 500–600 pikeun penekanan, 400 pikeun téks eusi, sareng 300 sakedik pikeun metadata anu henteu ngaganggu.
- Esbuild — panggantian: Sora · garis besar 400, 500, 600 · Tampilan hungkul: judul splash, judul bagian, sareng judul artikel MetaBrain. Géométri anu disingget sareng jarak hurup anu heureut nyiptakeun kesan yén 84px langkung cocog pikeun padamelan éditorial tibatan proyék SaaS. Entong nganggo di handap 28px.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | lega |
| Léngkah dasar | 12px |
| Radius tombol | 9999px |
| Radius kartu | 12px |
| Kalangkang | kalangkang lemes |
| Antara bagian | 96px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Huly sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- monday — Bengkel bodas nganggo stiker pastel
- Slack — Panggungna warnana siga terong kalayan lampu sorot bodas. Warna plum kolot ngadominasi daérah poék, sedengkeun kanvas bodas pudar ngamungkinkeun judul-judul avant-garde anu ageung ngalayang kalawan bébas.
- Base44 — Buku catetan anu disinari ku panonpoé nganggo spidol jeruk nipis
- Supahub — Caangna panonpoé anu lemes dina lamping warna wungu. Kanvas anu lolobana bodas jeung lega disinari ku hiji panonpoé wungu anu caang, kalawan bola gradién hias anu nyiramkeun warna kana rohangan négatip sarta géométri buleud anu lega méré unggal permukaan rasa beurat anu pikaresepeun tur karasa.
- Raycast — Pusat Komando Tengah Peuting, Coral Neon
- Dimension — tempat damel anu dihias ku lampu senja kalayan panel kaca buram
- Wiza — Observatorium éksplorasi mineral nalika sareupna, katutupan ku halimun lavender.
- Paste — Lentera warna kuning dina marmer bodas—logo gradien haneut merek éta ngalayang di rohangan bodas anu lega, kawas hiji-hijina jandéla anu hurung dina wangunan anu katutupan salju.
- Reworkd — Cahaya panonpoé anu lemes dina diagram produk mangrupikeun hiji-hijina warna anu nyarios pikeun dirina sorangan, nyaéta tombol aksi sareng judul gradien di luhurna.
- Reflect Notes — Rohangan wungu nu pinuh ku béntang mangrupa observatorium poék dimana catetan-catetan ngambang kawas rasi béntang kalawan latar tukang kakosongan indigo nu ampir hideung.
- Ameba — Ruang kontrol tengah peuting – denyut biru listrik di jero panel kaca buram
- Todoist — Ruang kerja anu disinari panonpoé kalayan buku harian kertas – méja krim haneut, catetan tinta, hiji pulpen beureum