Seline Analytics
Rólegt greiningarborð á hlýju pappír
Seline er á hlýjum steinlituðum bakgrunni (#fafaf9) með einum skærbláum hreim — allir aðrir litir eru hlutlausir og teknir úr steinlitaspjaldinu frá Tailwind. Fyrirsagnir eru birtar með sérsniðnu rúmfræðilegu sans-serif letri (roobert) með þyngd 400 og þröngu neikvæðu bili milli stafa, sem gefur textanum rólegt, næstum hvíslandi sjálfstraust sem stangast á við venjulegan háværan SaaS stíl. Viðmótsyfirborð eru flathvít kort, sem svífa yfir hlýjum bakgrunni með einni, mjúkri, 16px óskýrri mynd; rammar eru búnir til með þunnum, 1px steinlituðum línum, ríkulega notaðar sem aðal byggingarþáttur í stað þungra skilrúma eða spjalda. Útlitið andar: efni í fullri breidd miðað við rausnarlega lóðrétta takta, með pillulaga gagnvirkum stjórntækjum, lukkudýrateikning fyrir persónuleika og skjámyndir af mælaborðinu sem sönnun fyrir vörunni. Heildaráhrifin eru ritstjórnarlega greinandi: róleg, einlit, örugg, þar sem bláa aðgerðahvatningin er áberandi þáttur síðunnar þökk sé meðvitaðri aðhaldssemi í öllu öðru.
Síðan er með hámarksbreidd, miðjað um það bil 1200px með miklu lóðréttu plássi. Aðalatriðið er tveggja lína, vinstrijafnaður textablokk með einni, auðkenndri setningu („einföld og áhrifarík“) í bláu, fylgt eftir af röð með tveimur aðgerðahvatningum (blá pilla + draugapilla), síðan röð af samstarfsmerkjum í gráum litum, síðan röð af traustseinkunnum og síðan fljótandi forskoðun á mælaborði í fullri breidd, sem skarast örlítið við næsta hluta. Fyrir neðan fellinguna eru til skiptis raðir af meðmælum í einum dálki, fylgt eftir af fullri breidd hluta með lýsingum á eiginleikum, vinstrijafnuðum texta og miðjaðri myndefni af vörunni. Leiðsögnin er lágmarks efri stika - merki vinstra megin, miðjaðir tenglar í leiðsögn, innskráning + blá aðgerðahvatning hægra megin - með fljótandi hópi af prófílmyndum í miðri leiðsögninni sem þjóna sem auðkenning. Bilið á milli hluta er breitt (96px) til að skapa ritstjórnarlegan takt frekar en þéttan flækju af upplýsingum.
Myndmálið einkennist af skjáskotum af notendaviðmóti vörunnar — forskoðun mælaborðsins er ljósmynd sem er birt með grátóna (1) (0,94) birtuskilasíu, sem deyfir liti gagnanna í einlita lit. Eina mannlega myndin er línulegur lukkudýralímmiði (hettupersóna), teiknaður í SVG-stíl með útlínum eingöngu, settur einu sinni í hvern hluta sem skemmtileg mótvægi við greiningarefnið, með mjúkum skugga til að skapa límmiðalíka dýptaráhrif. Vörumerkismerkið og táknin eru litlir svartir neistar/logar. Það eru engar ljósmyndir — engar lífsstílsmyndir, engar teymismyndir, engar umhverfismyndir. Hluturinn (mælaborðið) er aðalpersónan. Allar skreytingartáknmyndir eru í 1px útlínustíl í annað hvort #0c0a09 eða #3ba6f1, aldrei fylltar.
Litatöflu
Vörumerki
- Cyan Signal
#3ba6f1— Aðalkall til aðgerða, virkir tenglar og útlínur vörumerkjatákna eru einu litahlutirnir á síðunni, notaðir sparlega til að vekja athygli á aðgerðinni. - Cyan Edge
#3398e1— Blár litur er notaður til að auðkenna útlínur aðgerða, tenglamerki og gagnvirka þætti. Hann ætti ekki að vera aðallitur fyrir hvatningar til aðgerða.
Hlutlaus
- Ink Black
#0c0a09— Aðalfyrirsagnir, auðkenndur megintexti og tjáningarfull tákn eru í hlýjum, næstum svörtum lit. - Stone Canvas
#fafaf9— Bakgrunnur síðunnar er hlýr, rjómalöguð litur sem líður eins og pappír frekar en hvítur skjár. - Pure White
#ffffff— Kortyfirborð, útstandandi spjöld og fyllingar í innsláttarreitum eru sjálfgefið flatar og skuggalausar. - Stone Border
#e8e6e5— Þunnir rammar á spjöldum, flakki og innsláttarreitum eru aðalbyggingarþátturinn, ekki aðskilnaðarmerki. - Stone Muted
#d6d3d1— Viðbótarrammar, fínlegir bakgrunnsskyggnir, skreytingarskilrúm. - Ash Gray
#a8a29e— Hjálpartexti, útlínur tákna, óvirkar stöður - læsilegt en óvirkt.
Leturfræði
frá 10 til 52px · 5 skref
- Roobert — skipti: Inter Tight or Satoshi · útlínur 400, 500 · Leturgerðin fyrir fyrirsagnir og textauppsetningu er einstök rúmfræðileg sans-serif leturgerð með lágmarks neikvæðu bili milli stafa (-0,025em við 32px, -0,021em við 52px). Þyngdin 400 x 52px er einkenni leturgerðarinnar: óhefðbundin, lúmsk, en samt áreiðanleg, en samt látlaus. Fyrirsagnir eru í góðu rými án þess að vera yfirþyrmandi.
- Inter — skipti: Inter · útlínur 400, 500, 600 · Aðal leturgerðin fyrir meginmál, leiðsögn, notendaviðmót og fyrirsagnir er hlutlaus, alhliða leturgerð fyrir allan texta utan skjás. 14px með þyngd 400 og línubil 1,64 er ríkjandi stærð fyrir meginmál (tíðni 1174). Jákvætt bil milli stafa (0,004em) í litlum stærðum tryggir læsileika þétts notendaviðmóts.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | rúmgóð |
| Grunnskref | 8px |
| Hnapparadíus | 9999px |
| Radíus korts | 10px |
| Skuggar | mjúkir skuggar |
| Milli hluta | 96px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Seline Analytics og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- ElevenLabs — Ljósmyndaritgerð í hlýjum rjómalitum tónum með látlausum fyrirsögnum. Minnisbók í Bauhaus-stíl — eggjaskurnslitað pappír, svart blek og ein fjólublá og appelsínugult útlit til að sýna vörurnar.
- Awesomic — Ritstjórnarlegt sinknet með appelsínugulum greinarmerkjum sem minna á konfettí
- Monad — ritstjórnartæknilegt tímarit á hlýju pergamenti
- Dub — Stjórnborð Links fyrir matt hrísgrjónapappír
- Notion — Hlý pappírsminnisbók í hádegissólinni
- Anthropic — Vísindalegt tímarit á hlýju vellum — rólegt fílabeinslitað yfirborð, merktar fyrirsagnir í ritstjórnargreinum og ein leirhreim sem birtist aðeins þegar aðgerða er þörf.
- Calendly — Dökkblátt blek á köldum marmara
- Augen Pro — Hvíta framsetning Apple er með klínískum, þyngdarlausum, rafbláum lit sem eina áhersluna í einlita rými.
- Antimetal — Ritstjórnargrein á rjómalituðum pappír — rólegur morgunn í vísindatímariti, þar sem hófsemi gefur til kynna sjálfstraust og stafrófsröðun vinnur þungt verk.
- Perk — Rafmagnslime á volgu bökunarpappír
- Ditto — Sólskinsverkstæði sem býr til sýnishorn af villtum blómum. Hlýir kremlitaðir fletir, skærgulur grunnlitur, djúp dökkblár blek, lífræn litaform blómstra á bak við verkið.
- Officevibe — Ritstjórnartímarit á hlýjum, rjómalituðum pappír. Ímyndaðu þér hugsi ritgerð um mannauðsstjórnun, kynnta sem vöru — skrautlegt letur með serif-skrift sem hvíslar í gegnum nútímalegt blátt viðmót.