Steep
Serif fontu analīze uz silta papīra
Steep pasniedz analītiku kā redakcionālu saturu — virs gandrīz vienkrāsaina balta audekla peld Signifier serif virsraksti, un viens silts persiku krāsas akcents (#fbe1d1) pasvītro citādi ahromatisko sistēmu. Lapa lasāma kā produktu žurnāla atvērums: liels, kursīvs fonts, plaša teksta vieta, lielas kartītes ar maigām 24 pikseļu rādiusa malām un tabletes formas vadības ierīces, kas ir vienā līmenī ar virsmu. Komponenti šķiet mierīgi un nesvari — ēnas ir smalkas, apmales ir plānas, un krāsa tiek izmantota funkcionālam uzsvaram (persiku krāsas norāde, tumši brūni burti uz persiku krāsas fona). Produktu virsmas (reģionu tabulas, aktivizācijas diagrammas, mākslīgā intelekta veidotāji) tiek attēlotas kā peldoši elementi ap galveni, nevis ievietotas informācijas paneļa apvalkā.
Lapas izkārtojuma maksimālais platums ir 1200 pikseļi, tas ir centrēts, un galvenās sadaļas aizņem gandrīz visu lapas platumu, bet paliek konteinera ietvaros. Galvenajam izkārtojumam ir centrēts galvenes fragments ar lielu serif fontu, apakšgalvenes fragments un divas tabletes pogas, ko ieskauj četras peldošas produktu apraksta kartītes (reģiona tabula augšpusē pa kreisi, reģistrācijas karte labajā pusē, aktivizācijas shēma apakšējā kreisajā pusē, mākslīgā intelekta redaktors apakšpusē centrā), kas pārklājas ar baltu audeklu ar dažādu nobīdi. Sadaļas mainās starp Paper White un Card Mist foniem, radot mierīgu ritmu bez spēcīga kontrasta. Funkciju sadaļās tiek izmantots divu kolonnu teksta un lietotāja interfeisa izkārtojums ar lielām 80 pikseļu vertikālām iegremdēm. Navigācija ir viena caurspīdīga augšējā josla (bez fona, apmales vai ēnas) ar logotipu kreisajā pusē, navigācijas saitēm centrā un diviem aicinājumiem uz darbību (teksta saite + aizpildīta tabletes poga) labajā pusē. Kopējais izkārtojuma blīvums ir plašs — lapa "elpo" starp sadaļām, un saturs nekad neaizspiež malas.
Vizuālais dizains ir vērsts uz produktu, nevis uz dzīvesveidu: peldošie lietotāja interfeisa elementi (reģionālās tabulas ar piecu rindu datiem, līniju diagrammas, kas parāda aktivizācijas augustā-novembrī, radiālie progresa apļi, mākslīgā intelekta ievades lauki) ir izvietoti kā apgriezti ekrānuzņēmumi ap redakcijas virsrakstiem. Nav fotogrāfiju, ilustrāciju vai abstraktas grafikas. Visi vizuālie produkta elementi ir novietoti uz baltām peldošām kartītēm ar plānām apmalēm un maigām ēnām. Avatāru apļos ir neliels kursora virziena indikators — vizuāls motīvs, kas signalizē par mijiedarbību reāllaikā. Galvenā kompozīcija ir teksta un lietotāja interfeisa kolāža, nevis centrēts virsraksts ar attēlu krājumā esošu fotoattēlu.
Palete
Neitrāls
- Ink Black
#17191c— Galvenais teksts, aizpildītais pogas fons un navigācijas logotips ir vienīgās tumšās virsmas sistēmā; visi aicinājumi uz darbību un virsraksti galvenajā tekstā tiek rādīti uz šī gandrīz melnā fona. - Paper White
#ffffff— Lapas audekls, pogu teksts un reljefās karšu virsmas ir dominējošais fona tonis, kas satur aptuveni 76 frekvences punktus. - Mist Gray
#f2f2f3— Kartīšu virsmas, papildu foni, ievades lauku aizpildījumi — neredzams slānis zem papīra iegultam saturam. - Fog White
#fafafb— Papildu lapas fons mainīgām sadaļām un virsmām, novietojot kursoru virs papīra — vienu pakāpienu virs tā, lai radītu smalkas svītru variācijas. - Slate Gray
#777b86— Saites krāsa, klusināts palīgteksts, kājenes teksts — vēsa, nepiesātināta pelēka krāsa, kas novietota starp galveno tekstu un tekstu, ko nevar iekļaut. - Ash Gray
#979799— Papildu etiķetes, kategoriju tagi (Mārketings, Finanses, Pārdošana) — vienu pakāpi gaišāka nekā saites krāsa.
Tipogrāfija
no 15 līdz 90 pikseļiem · 8 soļi
- Signifier — nomaiņa: GT Sectra · kontūras 400 · Serif fonts virsrakstiem un nosaukumiem — tiek izmantots tikai H1/H2 trīs izmēros; fonta biezums visos mērogos saglabājas 400 (parastais), kas ir raksturīga izvēle: serif fonts čukst, nevis kliedz kā treknraksts.
- Sohne — nomaiņa: Inter · kontūras 400, 430, 450, 480, 500 · Galvenie, saskarnes un navigācijas fonti ir daudzpusīgi, aptverot visu, sākot no metadatiem līdz apakšvirsrakstiem; daļēji pakāpeniski svari (430, 450, 480) rada smalku hierarhiju, nepārejot uz treknrakstu.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 8px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 24px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 80px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Steep stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Newformcap — Redakcijas avīze ģērbtuvē
- Claude — Uz silta pergamenta iespiests artefakts — tinte uz kaulu papīra, māls kā vienīgā krāsas dvaša
- 11x– Digital workers — Kinematogrāfiska redakcionāla tuksnesis — panorāmas ainavas fotogrāfijas, kas kontrastē ar monumentāliem serif virsrakstiem, kas lasāmi kā luksusa žurnāla atvērums.
- Revolut — Monohroms redakcionāls darbs, kura pamatā ir mākoņu fotogrāfija — balta tinte, pogas tabletēm, viena zila krāsas josla citādi pelēktoņu pasaulē.
- Scheduling — Redakcijas tinte uz krēmkrāsas papīra
- Titan — siltu toņu melnbalts arhīvs
- Programa — Šveices dizaina studija pusdienlaikā. Balto galerijas sienu apgaismo viena dzeltena galda lampa — viss ir pelēkos toņos, līdz uzmanību piesaista kāda poga, ikona vai akcents, un tad šis viens dzeltenais akcents iezīmē visu telpu.
- Sana Agents — Laima dzirksts uz balta fona redakcijas instrukcijā
- Visual — Silts redakcionāls samizdats. Krēmkrāsas papīrs, serif plakāti, melnbaltas marginālijas, viens dzeltens marķieris.
- Midday — Redakcijas brošūra uz pergamenta papīra — 72 pikseļu serif virsraksts uz silta akmens fona, bez serif pamatteksts ar atstarpēm, tabletes formas vadības elementi, bez ēnām
- Chat for impact — Meža zaļa klīnika ar pasteļtoņu telpām
- Handhold — Silts pergaments zem tikko dzirdamiem serifiem — redakcionāls atvērums, ar roku iesaiņots bez hromatiska trokšņa, kur smalkākais 200 punktu serif fonts nodod visu balsi