Calendly
Dökkblátt blek á köldum marmara
Calendly líður eins og rólegt og öruggt skipulagsvinnusvæði: næstum hvítt strigi með miklu rými, skörp hvít vörukort sem fljóta á köldum gráum bakgrunni og öll leturgerð er birt í dökkbláu bleki frekar en hreinu svörtu. Skilgreinandi þátturinn er dökkblár litur (#0b3558), notaður alls staðar þar sem texti birtist - fyrirsagnir, hnappa, tákn, tengla - sem mýkir allt viðmótið og gerir það hlýrra og stílhreinna en dæmigerð SaaS lendingarsíða. Einn skærblár (#006bff) er notaður fyrir allar aðalaðgerðir og skreytingar bleikir og bláir skvettur sem teygja sig út fyrir vöruútlitið bæta við hlýju án þess að skapa ringulreið. Íhlutirnir eru látlausir: þunnir 1px rammar, lúmskur blár skuggar, stór 24px kortradíus og 8px hnappahorn virðast frekar vísvitandi en daufleg.
Hámarksbreidd 1200px, miðjað, með breiðum spássíum á skjáborði. Aðalskjárinn er skipt í tvo dálka: vinstri dálkurinn inniheldur 80px haus + megintexta + staflaða innskráningarhnappa, en hægri dálkurinn inniheldur bókunarviðmótskort með skreytingum í bakgrunni. Fyrir neðan aðalskjáinn er ein rönd í fullri breidd með Trust merkinu. Síðari hlutar skiptast á milli miðjuðra hausblokka (H2 + undirtexti + valfrjáls aðgerðahvatning), fylgt eftir af tveggja dálka blokkum sem lýsa eiginleikum (texti vinstra megin/vara hægra megin eða vara vinstra megin/texti hægra megin) með skreytingum á bak við hverja vörumynd. Spjaldanet eru sjaldan notuð - útlitið kýs paraða hluta sem eru settir hlið við hlið frekar en margdálkanet. Bilið milli hluta er á bilinu 48 til 64px. Leiðsögnin er 64px föst efri súla með merkinu vinstra megin, miðjaðri valmynd og hópi aðgerðahvatninga hægra megin.
Helsta sjónræna þátturinn eru skjámyndir af vörunni — einfaldar uppdrættir af notendaviðmóti bókunardagatalsins, birtar á hvítum spjöldum með breiðum, ávölum hornum. Skreytingarhönnun: hvert vöruspjald er umkringt mjúkum bletti af kóralfjólubláum (#e55cff) eða bláum (#0099ff), örlítið hliðruðum og óskýrum, sem skapar klippimyndaáhrif frekar en flatt skjámynd. Engar ljósmyndir, engar lífsstílsmyndir — allir sjónrænir þættir tákna notendaviðmót vörunnar, abstrakt áhersluform eða einlita samstarfsmerki á trauststikunni. Táknmyndir eru línulegar með línubreidd 1,5–2px, einlita, í dökkbláum (Ink Navy) eða bláum (Signal Blue).
Litatöflu
Vörumerki
- Ink Navy
#0b3558— Aðaltexti, fyrirsagnir, tákn, dökkur bakgrunnur fyrir hvatningar til aðgerða, flakktenglar. - Signal Blue
#006bff— Aðalkall til aðgerða (CTA), virk leiðsögn, áhersla á tengla, valin staða
Hlutlaus
- Carbon
#0a0a0a— Texti í svörtu (vara), táknmynd, táknfylling. - Slate Gray
#476788— Viðbótar aðaltexti, stuðningstexti, þögguð merki. - Mist Gray
#a6bbd1— Óvirkur texti, merkimiðar fyrir óvirkar aðgerðir, útlínur ljóstákna - Cloud
#f8f9fb— Síðustrigi, bakgrunnur í síðufót, auka yfirborð - Paper
#ffffff— Kortyfirborð, upphleyptir spjöld, hnappatexti á dökkum bakgrunni. - Pebble
#f0f3f8— Bakgrunnsmyndir fyrir tákn, skygging innsláttarreita, lúmsk aðskilnaðarmerki, sveimaáhrif.
Leturfræði
frá 12 til 80px · 10 skref
- Gilroy — skipti: Manrope · útlínur 400, 500, 600, 700 · Allur texti í viðmóti. Gilroy er rúmfræðilegt, húmanískt, sans-serif letur með breiðum opum og jöfnum strikskilum; feitletrað letur (700) er notað fyrir fyrirsagnir, en 500–600 eru notuð fyrir hnappa og undirfyrirsagnir. Skiptið út fyrir Manrope eða Inter.
- Gilroy — skipti: Inter · útlínur 400 · Megintexti og almenn notendaviðmótsmerkingar - 400 punkta leturþyngd tryggir að langur texti sé læsilegur án þess að þungur.
- Gilroy — skipti: Inter · útlínur 500 · Aukafyrirsagnir og auðkenndur megintexti - leturgerðin 14/500 er aðaltólið fyrir fyrirsagnir á kortum og innfelldar merkingar.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 8-16px |
| Hnapparadíus | 8px |
| Radíus korts | 24px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 48-64px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Calendly 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
- Mollie — Kasmírborð, dökk bókhaldsbók. Skiljið eftir nægt hvítt rými fyrir ritstjórnarlega hönnun í kringum svarta textann og styrkið síðan vörutengd atriði með hlýjum kremum, espressó-brúnum og áþreifanlegum myndum af raunverulegum greiðslumáta.
- Kagi — Sér lestrarherbergi. Búið til opið hvítt rými í kringum feitletraðan grafíttexta með því að nota fínlegar fjólubláar áherslur og hlýjar pastellitir til að brjóta upp kyrrðina.
- Milanote — Milanote er sérhæfð sköpunarstofa. Búðu til ritstjórnarsíður í gallerístíl með því að nota fljótandi myndræna töflur: dökka innrammaða veggi, hvítt sýningarrými og skjámyndir sem líta út eins og raunverulegir hlutir með mjúkri dýpt.
- Co2 — Loftslagsatlas í vetrarljósi. Búðu til síður eins og landslag loftmynda, þar sem fyrirsagnir með berum línum, flokkakóðuð gögn og ísmyndir draga fram breiðar hvítar spássur.
- GitButler — Tyrkisblár litur í lok textans. Samsetning af fyrirsögnum með mikilli birtuskil og fíngerðum tæknilegum ristum, hlýjum grafítflötum og látlausum tyrkisbláum hreim.
- 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
- Seline Analytics — Rólegt greiningarborð á hlýju pappí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.