Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukûntwikkelderUntwikkeljen fan AI-ark foar bedriuwen. Hege kwaliteit. Betelber.Skriuw nei Telegram
Medium — in foarbyld fan in side yn dizze styl

Medium

romige wite krante op gouden oere

Medium funksjonearret as in literêre lêskeamer dy't oerplante is nei it web: in waarme, romige eftergrûn (#f7f4ed) ferfangt it sterile wyt dat typysk is foar SaaS, wêrtroch lange teksten fiele as in printe pagina. It fisuele systeem is agressyf monochroom - hast alle UI-oerflakken, tekst en rânen binne yn in smelle bân fan waarme grizen fariearjend fan #242424 oant #6b6b6b - sadat de oandacht fan 'e lêzer folslein rjochte is op' e ynhâld. De ienige karakteristike beweging is de serif-koptekst (GT Super, 120px, gewicht 400, letterôfstân -0.055em), in bewuste anty-trendkar: in oergongsboek-serif-lettertype skaalde foar werjefte, amper merkber ynstee fan in fet geometrysk sans-serif, sinjalearret: "Wy publisearje boeken, gjin software." De knoppen binne folsleine "pillen" fan hast swarte kleur - de ienige fêste inket op 'e pagina.

De thússide hat twa kolommen: de lofterkant nimt ~55% fan 'e romte fan' e side yn, wêrby't de koptekst, subtekst en oprop ta aksje fertikaal arranzjearre binne mei royale ynterne ôfstân; de rjochterkant nimt ~45% fan 'e romte fan' e side yn, mei in yllustraasjepaniel. De lofterkolom is lofts-útrjochte (net sintraal), wêrtroch't de side oan 'e lêsaas ferankere is. Under de thússide is de side in inkele, folsleine, crèmekleurige stripe mei sintraal keppelings yn 'e fuottekst. Gjin kaartrasters, funksjeseksjes of ôfwikseljende strepen op 'e thússide - de thússide IS in side. Ynhâldstichtens is mei opsetsin leech: ien koptekst, ien sin, ien knop, ien ôfbylding. De side is in omslach, gjin dashboard.

De yllustraasjes binne redaksjoneel en episodysk, net systematysk. De haadside hat in inkele mei de hân tekene yllustraasje (in griene blom, in geometryske hân, stjerrebyldlinen) yn in losse, wat naive styl. De yllustraasjes lykje op wurken yn opdracht dy't seizoensgebonden feroarje, ynstee fan út in permaninte bibleteek. Der binne gjin foto's op 'e haadside. Der binne gjin ikoanen op 'e haadside - al it wurk wurdt dien troch it tekstlogo en de tekst. De fisuele taal is benammen tekst-oriïntearre, wêrby't de yllustraasjes tsjinje as ynterpunksje.

Palet

Neutraal

  • Newsprint Cream #f7f4ed — It sidedoek, de eftergrûn fan it haadfinster en de eftergrûn fan it seksje hawwe in waarme, wat romige skaad dy't it gefoel fan in printe ynterface skept ynstee fan in digitale.
  • Paper White #ffffff — Kaartoerflakken, ferhege panielen, formulierynfierfjilden, en alle oerflakken dy't skieden wurde moatte fan it crèmekleurige doek.
  • Ink #242424 — Lidtekst, lichemtekst, keppelings, kopteksten - wat waarmer as suver swart, sjocht der goed út op in crèmekleurige eftergrûn.
  • Body Gray #333333 — De sekundêre tekstkleur en standert foargrûnkleur wurde brûkt as in kleur wat lichter as de inketkleur nedich is sûnder kontrast te ferliezen.
  • Button Black #191919 — In neutrale kleur wurdt stipe foar sekundêre UI-eleminten, skiedingstekens en gedempte labels. It moat net brûkt wurde as de primêre kleur foar oprop ta aksje.
  • Marginalia Gray #6b6b6b — Stipe foar neutrale kleuren foar sekundêre brûkersynterface, skieders en gedempte labels.

Typografy

fan 13 oant 120px · 5 stappen

  • medium-content-sans-serif-font — ferfanging: Inter · sketsen 400 · lettertype medium-content-sans-serif - fûn yn 'e ekstrahearre gegevens mar net beskreaun troch de AI.
  • GT Super — ferfanging: Playfair Display · sketsen 400 · De kopteksten en de lichemstekst binne in oergongsboek-serif-lettertype op in ekstreme skaal mei in krappe letterôfstân en in rigelôfstân fan 0.83. De kar foar in gewicht fan 400 (net fet) op 120px is in karakteristike eigenskip: de letterfoarmen, net it gewicht, dogge it wurk. De negative letterôfstân fernauwt de optyske gatten, wêrtroch't "Minslike Ferhalen en Ideeën" fielt as in gearhingjend typografysk blok.
  • Söhne — ferfanging: Inter · sketsen 400 · It UI sans-serif-lettertype wurdt brûkt foar navigaasje, knoppen, subkopteksten en lytse titels. It berik fan 13–14px is foar navigaasjelabels en knoppen; 20–22px is foar subkopteksten en sekundêre tekst binnen de titel. In skjinne sans-serif mei humanistyske proporsjes is lêsber by lytse formaten en ûnopfallend by gruttere.

Yntervallen en foarm

DoelBetsjutting
Dichtheidtrochsneed
Basisstap16-24px
Knopradius9999px
Kaartradius0px
Skadengjin grinzen ynstee fan skaden
Tusken seksjes64px
Sidebreedte1200px

AI sil jo webside bouwe yn Medium -styl en it folje

  • Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
  • Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
  • Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
  • Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.

Ferlykbere stilen

  • Steep — Analyse fan Serif-lettertypen op waarm papier
  • Newformcap — Redaksjekrante yn 'e klaaikeamer
  • Claude — In artefakt printe op waarm perkament - inket op bonkepapier, klaai as de ienige azem fan kleur
  • 11x– Digital workers — In filmysk redaksjoneel woastenije - panoramyske foto's fan it lânskip tsjin monumintale serif-koppen dy't lêze as in lúkse tydskriftútjefte
  • Revolut — In monochroom redaksjoneel wurk basearre op in foto fan wolken - wite inket, knoppen yn in pillendoaze, in inkele blauwe kleurstripe yn in oars griisweardige wrâld.
  • Scheduling — Redaksjonele inket op crèmekleurich papier
  • Titan — waarm toanen monochroom argyf
  • Programa — In Switserske ûntwerpstudio by middei. De wite galerymuorre wurdt ferljochte troch ien giele tafellampe - alles is yn grize skaden oant in knop, ikoan of aksint it each fangt, en dan definiearret dat ienige giele aksint de hiele keamer.
  • Sana Agents — Limoenglitter op wite eftergrûn yn redaksje
  • Visual — Waarme redaksjonele samizdat. Crèmekleurich papier, serif posters, monochrome marginalia, ien giele marker.
  • Midday — Redaksjonele brosjuere op vellum - 72px serif koptekst op in waarme stiennen eftergrûn, sans-serif lichemtekst mei ôfstân, pilfoarmige kontrôles, gjin skaden
  • Chat for impact — In boskgriene klinyk mei pastelkleurige keamers