INO
Muzea vitrino en silento - ĉiu ekspoziciaĵo ŝvebas en blanka spaco, kiel ununura objekto malantaŭ vitro, enkadrigita de preskaŭ nigra, apenaŭ aŭdebla tiparo
INO funkcias kiel preskaŭ monokroma juvelgalerio: krispa blanka kanvaso, ununura, varma, preskaŭ nigra inko, kaj preskaŭ totala foresto de koloro. La vida sistemo traktas ĉiun ringon kiel muzeaĵon — klinikaj produktofotoj flosantaj en vasta negativa spaco, kun hierarkio konstruita per pozicio, literinterspaco, kaj la volumeno de blanko anstataŭ per tipara skalo aŭ koloro. Navigado troviĝas ĉe la fundo de la paĝo, konsistanta el kvar punktoj kun etikedoj (plenaj aŭ malplenaj), konscia inversigo de la tradicia supra stango de e-komerco. La marko mem estas aro de samcentraj ringokonturoj, ripetante la formon de la produkto kaj servante kiel tipografia skulptaĵo anstataŭ emblemo.
Plenlarĝa kanvaso sen maksimuma limo por la larĝo de enhavo. La ĉefa ekrano okupas la tutan larĝon de la paĝo, kun fotoj kaj grafikaĵoj egale dividitaj (50/50). Produktaj kradoj estas montrataj kiel trikolumnaj vicoj kun malavara horizontala marĝeno de la rando de la vidfenestro. La malsupra navigado estas centrita kaj ankrita al la paĝpiedlinio, anstataŭ alpinglita. Sekciaj saltoj uzas aŭ plenekranan redakcian fotarton aŭ puran blankan spacon - neniam kolorstrion, dividlinion aŭ gradienton. La vertikala ritmo estas libera: 80/1/1 inter ĉefaj sekcioj, permesante al la paĝo spiri anstataŭ esti plena de enhavo. Ne estas flanka kolumno, neniu mega-menuo, neniu supra kaplinia kolumno - la "INO" emblemo situas nur en la supra maldekstra angulo de la ĉefa ekrano.
Du apartaj bildaj montraj reĝimoj kunekzistas: klinika produkta fotografio sur plata, helgriza, senjunta fono (ĉiu ringo estas fotita centrita, sen manoj, stiligitaj akcesoraĵoj aŭ surfacaj ombroj - la objekto estas la ĉefrolulo) kaj rakontaj redakciaj bildoj (ringo en herbokovrita skatolo, mano tenanta ĉenon), bildigitaj kiel nesaturitaj, plenekranaj redakciaj fragmentoj. Produktaj bildoj servas kiel produktaj kartoj; la redakciaj bildoj peras la etoson de la marko. Ambaŭ estas monokromataj aŭ preskaŭ monokromataj - la herbo en la ĉefa bildo estas la sola spuro de verdo, kaj eĉ tio estas silentigita al arbara nuanco. Ikonoj ne estas uzataj en la interfaco - samcentra ringosimbolo anstataŭigas ĉian ikonografion.
Paletro
Neŭtrala
- Obsidian Ink
#212123— Neŭtralaj formularaj statoj, ikona teksto, kaj diskreta UI-religo kie kolorskemoj devas resti netrudemaj. - Bone
#ffffff— Kanvasaj paĝoj, kartonaj surfacoj, renversita teksto sur malhela fono. La domina surfaco; preskaŭ la tuta retejo troviĝas ĉi tie. - Carbon
#000000— Ikona plenigaĵo, dekoraciaj grafikaj konturoj, kaj aktiva stato plenigaĵo por la indikilo de navigacia punkto. Uzata ŝpareme por maksimuma tona kontrasto kun la "osta" koloro. - Ash
#999999— Mezkontrastaj limoj, kontrolkonturoj kaj strukturaj dividiloj. - Pebble
#a6a6a7— Subpremita subtena teksto, maldikaj apartigiloj por la ĉefa teksto, kaj duarangaj metadatenoj. La plej hela funkcia grizo estas uzata por prezetikedoj kaj akompananta teksto, kiu devas malaperi en la fonon.
Tipografio
de 11 ĝis 18 rastrumeroj · 4 paŝoj
- Sequel100Wide — anstataŭaĵo: Jost (400 · konturoj 400 · La sola entreprena tiparo uzata ekskluzive en la pezo 400 en ĉiuj kuntekstoj — navigado, korpteksto, titoloj, prezoj kaj apudskriboj. La vaste interspacigita geometria simbolo kun malavara literinterspaco reflektas la tutan entreprenan stilon. La manko de grasa pezo estas intenca: hierarkio estas atingita per majuskligo, literinterspaco kaj poziciigado, anstataŭ per varia tiparpezo.
- Arial — anstataŭaĵo: system-ui · konturoj 400 · Sistem-kovranta rezerva solvo por bildigi butonojn en heredaĵaj kuntekstoj. Ĝi ne estas parto de la markigo — ĝi aperas nur se Sequel100Wide ne ŝarĝiĝas.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 23px |
| Butona radiuso | 50px |
| Karto-radiuso | 8px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 80-120px |
AI konstruos vian retejon laŭ la stilo de INO kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Airbnb — Trankvila blanka galerio-muro kun ununura koralruĝa legosigno
- Peak Design — Galeriomuro, parte lumigita
- 099 SUPPLY — Galerio-muro plena de nigraj kaj blankaj objektoj
- Apple (España) — blanka galeria vitrino
- Apple (España) — Galeriofenestro en la matena nebulo
- Custo — Galerio kun metalkolora monolita tiparo. Ekspoziciejo en mallaŭtaj grizverdaj tonoj, kie ununura malhela objekto kaj 57-rastruma tiparo parolas por si mem.
- Silencio — Blanka ĉambro kun ŝvebantaj artefaktoj. Galeria ekspozicio farita el varma papero, kie ĉiu elemento okupas sian lokon kontraŭ fono de negativa volumeno, kaj la silento estas intenca dezajna decido.
- Oakâme — Sunbanita provenca metiejo ĉizita el varma ŝtono
- Nike — Monokroma galerio de sportaj atingoj - blankaj muroj, la produkto kiel artaĵo, kromo dissolvita en la fonon
- Sociotype — Tipa muzeospecimeno sur blanka papero
- Arc — industria blanka galerio super noktomeza akvo
- Rivian — Elektra monolito sur la betonmuro de la galerio. Rivian prezentas ĉiun veturilon kiel skulptaĵon kontraŭ vasta blanka spaco, kun tipografio tiel granda, ke ĝi fariĝas arkitektura elemento, kaj ununura varma flavo, kiu rompas la monokromatan atmosferon, kiel sunlumo sur mata surfaco.