Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppà strumenti di IA per l'imprese. Alta qualità. Accessibile.Scrive in Telegram
INO — un'anteprima di un situ in questu stile

INO

Una vetrina di museu in silenziu - ogni mostra galleggia in un spaziu biancu, cum'è un unicu oggettu daretu à u vetru, incorniciatu da un carattere guasi neru, appena audibile.

INO funziona cum'è una galeria di ghjuvelli guasi monocroma: una tela bianca fresca, un inchiostru unicu, caldu, guasi neru, è una assenza guasi tutale di culore. U sistema visuale tratta ogni anellu cum'è un pezzu di museu - fotografie di prudutti clinichi chì fluttuanu in un spaziu negativu vastu, cù una ghjerarchia custruita per mezu di a pusizione, a spaziatura di e lettere è u vulume di u biancu piuttostu chè per mezu di a scala di i caratteri o di u culore. A navigazione si trova in fondu à a pagina, custituita da quattru punti cù etichette (piene o viote), un'inversione deliberata di a barra superiore tradiziunale di l'e-commerce. A marca stessa hè un inseme di contorni concentrici di l'anellu, chì riecheggianu a forma di u pruduttu è servenu cum'è una scultura tipografica piuttostu chè un logò.

Una tela à larghezza piena senza limite di larghezza massima di cuntenutu. U schermu principale occupa tutta a larghezza di a pagina, cù a fotografia è a grafica divise uniformemente (50/50). E griglie di i prudutti sò visualizate cum'è righe di trè colonne cù un generosu margine orizzontale da u bordu di a finestra di visualizazione. A navigazione inferiore hè centrata è ancorata à u pede di pagina, invece di esse fissata. I salti di sezione utilizanu fotografia editoriale à schermu pienu o spaziu biancu puru - mai una barra di culore, una linea di divisione o un gradiente. U ritmu verticale hè liberu: 80/1/1 trà e sezioni principali, chì permette à a pagina di respirà invece di esse piena di cuntenutu. Ùn ci hè nè barra laterale, nè mega-menu, nè barra di intestazione superiore - u logu "INO" si trova solu in l'angulu superiore sinistro di u schermu principale.

Dui modi distinti di visualizazione di l'imagine coesistenu: a fotografia di u produttu clinicu nantu à un sfondate pianu, grisgiu chjaru, senza cuciture (ogni anellu hè fotografatu centratu, senza mani, oggetti di scena stilizzati o ombre di superficia - l'ughjettu hè u prutagunista) è l'imagine editoriale narrative (un anellu in una scatula rivestita d'erba, una manu chì tene una catena), rese cum'è frammenti editoriale desaturati, à schermu pienu. L'imagine di u produttu servenu cum'è carte di produttu; l'imagine editoriale trasmettenu l'umore di a marca. Tramindui sò monocromi o quasi monocromi - l'erba in l'imagine principale hè l'unicu accennu di verde, è ancu quella hè smorzata in una tonalità di furesta. L'icone ùn sò micca aduprate in l'interfaccia - un simbulu di anellu concentricu rimpiazza tutta l'iconografia.

Paletta

Neutru

  • Obsidian Ink #212123 — Stati di forma neutri, testu d'icone è feedback discretu di l'interfaccia utente induve i schemi di culori devenu rimanere discreti.
  • Bone #ffffff — Pagine di tela, superfici di cartone, testu inversu nantu à un fondu scuru. A superficia dominante; guasi tuttu u situ web si trova quì.
  • Carbon #000000 — Riempimentu d'icona, contorni grafichi decorativi è riempimentu di statu attivu per l'indicatore di puntu di navigazione. Adupratu cù parsimonia per un cuntrastu tonale massimu cù u culore "ossu".
  • Ash #999999 — Bordi di cuntrastu mediu, contorni di cuntrollu è divisori strutturali.
  • Pebble #a6a6a7 — Testu di supportu sottumessu, separatori fini per u testu principale è metadati secundarii. U grisgiu funziunale u più chjaru hè adupratu per i cartellini di prezzu è u testu accumpagnante chì deve sparisce in u fondu.

Tipografia

da 11 à 18px · 4 passi

  • Sequel100Wide — rimpiazzamentu: Jost (400 · contorni 400 · L'unicu caratteru tipograficu corporativu utilizatu esclusivamente in u pesu 400 in tutti i cuntesti - navigazione, testu di u corpu, intestazioni, tituli, prezzi è didascalie. U simbulu geometricu largamente spaziatu cù una spaziatura generosa di e lettere riflette tuttu u stile corporativu. A mancanza di un pesu in neru hè intenzionale: a ghjerarchia hè ottenuta per mezu di e maiuscule, a spaziatura di e lettere è u pusizionamentu, piuttostu chè per mezu di una variazione di u pesu di u caratteru.
  • Arial — rimpiazzamentu: system-ui · contorni 400 · Una riserva à livellu di sistema per u rendering di i buttoni in cuntesti legacy. Ùn face micca parte di u branding - appare solu s'è Sequel100Wide ùn riesce micca à caricà.

Intervalli è forma

ScopuSignificatu
Densitàdensu
Passu basicu23px
Raggiu di u buttone50px
Raggiu di a carta8px
Ombrenò - bordi invece di ombre
Trà e sezioni80-120px

L'IA custruisce u vostru situ web in stile INO è u riempirà

  • Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
  • Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
  • Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
  • Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.

Stili simili

  • Airbnb — Un muru di galeria bianca tranquilla cù un unicu segnalibru rossu corallu
  • Peak Design — Muru di a galeria, parzialmente illuminatu
  • 099 SUPPLY — Un muru di galleria pienu d'oggetti bianchi è neri
  • Apple (España) — vetrina bianca di a galeria
  • Apple (España) — Una finestra di galeria in a nebbia di a mattina
  • Custo — Una galeria di culore canna di fucile cù un carattere monoliticu. Una sala d'esposizione in toni grisgi-verdi tenui, induve un unicu oggettu scuru è un carattere 57px parlanu da soli.
  • Silencio — Una stanza bianca cù artefatti flottanti. Una mostra di galleria fatta di carta calda, induve ogni elementu occupa u so postu contr'à un sfondate di vulume negativu, è u silenziu hè una decisione di cuncepimentu intenzionale.
  • Oakâme — Un attellu provenzale bagnatu da u sole sculpitu in petra calda
  • Nike — Una galeria monocroma di successi sportivi - muri bianchi, u pruduttu cum'è opera d'arte, u cromu dissoltu in u fondu
  • Sociotype — Un campione tipicu di museu nantu à carta bianca
  • Arc — galeria bianca industriale sopra l'acqua di mezzanotte
  • Rivian — Un monolitu elettricu nant'à u muru di cimentu di a galeria. Rivian presenta ogni veiculu cum'è una scultura contr'à un vastu spaziu biancu, cù una tipografia cusì grande ch'ella diventa un elementu architettonicu, è un unicu giallu caldu chì rompe l'atmosfera monocromatica, cum'è a luce di u sole nant'à una superficia opaca.