Linear
Nákvæmnismælir fyrir miðnætti
Línulega hönnunarkerfið er stjórnstöð sem virkar á nóttunni og er byggð á næstum svörtum flötum (#08090a) með hvítum letri og einum límgrænum hreim (#e4f222) sem virkar sem hagnýtt vasaljós – lítið, með miklum birtuskilum og notað sparlega til að gefa til kynna aðgerðir. Viðmótið meðhöndlar myrkrið sem grunn frekar en þema: textinn er hvítur með þröngu bili milli stafa (-0,022em), leturþyngdin er á bilinu 400–510 frekar en feitletrað og rammarnir eru afar þunnir (0,5px) til að leyfa rúmfræði að vinna verkið sem skuggar vinna venjulega. Íhlutirnir virðast nákvæmlega smíðaðir – 6px og 12px radíusar, þéttar 8–12px spássíur og nánast algjört skort á skreytingarþáttum – sem gerir notendaviðmóti vörunnar (verkefnaspjöld, Kanban-borð, spjöld gervigreindarumboðsmanna) kleift að vera eina sjónræna áferðin í annars rólegu kerfi.
Hámarksbreidd útlitsins er um það bil 1200px, miðjuð, með dökkum bakgrunni sem nær út að brúnum gluggans. Aðalþátturinn er stór fyrirsögn, vinstrijafnuð (64–72px), parað við hægrijafnaða aðgerðahvatningu (CTA), og síðan stór skjámynd af vörunni sem nær örlítið út fyrir hámarksbreiddina. Takturinn í hlutunum skiptist á milli tveggja dálka samsetninga með texta vinstra megin og mynd hægra megin, og vörusýningarræma í fullri breidd aðskildar með 96px lóðréttum rennum. Ræman með merki viðskiptavinarins er ein lárétt röð. Síðan notar aldrei þriggja dálka spjaldnet eða flísalagðar uppbyggingar - upplýsingaþéttleiki er lágur, þar sem flestir hlutar nota nægilegt hvítt pláss og eitt aðalatriði á skjánum. Leiðsögnin er föst efri súla með vinstrijafnuðu merki og hægrijafnuðum tenglum, án hliðarstiku eða risavaxinnar matseðils.
Myndmál Linear byggir á skjámyndum af vörum: myndskreytingarnar í upphafi og í köflunum eru raunverulegar myndir af notendaviðmóti Linear appsins, teknar í hámarks smáatriðum — verkefnaspjöld, Kanban-spjöld, mælaborð fyrir gervigreindarumboðsmenn, skipanaspjöld — sett í þunnt innrammaða ramma. Engar lagermyndir, engar lífsstílsmyndir, engar abstrakt myndskreytingar. Lógóin eru birt sem hlutlaus grá rönd (#8a8f98) af einsleitri stærð fyrir viðskiptavini. Táknmyndirnar eru lágmarks línulegar SVG-myndir í einlita gráum lit. Skjámyndin efst á síðunni flýtur á fíngerðum línulegum halla (frá dökku til ljóss) og býr til andrúmsloftsdýpt án þess að nota raunverulegt landslag. Sérhvert sjónrænt element er hagnýtur element vörunnar sjálfrar.
Litatöflu
Vörumerki
- Acid Lime
#e4f222— Helstu stjórnhnapparnir og virkir leiðsöguvísar eru bjartur hlekkur sem brýtur upp einlita litasamsetninguna.
Hlutlaus
- Mist
#d0d6e0— Aukafyrirsagnir, hnappatexti á dökkum fleti - Void
#08090a— Síðuskjár, bakgrunnsmynd í fullri breidd - sjálfgefið eru öll atriði sett á þennan bakgrunn. - Carbon
#0f1011— Kortyfirborð, flakkstikur, eru skrefi fyrir ofan strigann til að setja efni inn í kort. - Obsidian
#161718— Upphækkaðar fletir, dýpri pappaplötur - Graphite
#23252a— Fínir rammar, aðskilnaðarmerki, fínleg útlínur hnappa – áferðarbrúnir með litlum birtuskilum - Smoke
#383b3f— Þunnir jaðar hafa meiri birtuskil en grafít - hlutaskiljur.
Leturfræði
frá 13 til 72px · 8 skref
- Inter Variable — skipti: Inter (variable) · útlínur 300, 400, 510, 590 · Aðalviðmót og leturgerð hauss - Notað í leiðsögn, megintexta, fyrirsögnum, hnöppum og spjöldum.
- Berkeley Mono — skipti: JetBrains Mono · útlínur 400 · Kóðatengdur notendaviðmótstexti - útgáfuauðkenni (ENG-2703), flýtilyklar, lýsigögn fyrir einbreið letur
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | rúmgóð |
| Grunnskref | 8px |
| Hnapparadíus | 6px |
| Radíus korts | 12px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 96px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Linear 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
- Aaru — Örnunarstöðin á miðnætti
- Atlas Card — Miðnætursvefnið, með sínum eina safírgeisla, er kolsvört víðátta þar sem það eina sem skiptir máli er djúpur rafblár litur.
- Checkly — Stjórnstöð á djúpum sporbrautum
- Savee — Svartur strigi fyrir sjónræna sýningarstjóra
- Inngest — Dimmt, hljóðlátt stjörnustöð, útbúið til að vinna með mælitæki, upplýst með einni gulbrúnni kveikjara.
- Graphite — Ljósandi endanet. Búið til dökk, jaðarsett vöruflöt í kringum nákvæmar hvítar leturmerkingar og einstaka blikka af litrófi.
- Featurebase — Fjólublátt upplýst stjórnborð. Ímyndaðu þér hverja síðu sem dimman, rólegan vettvang, með glóandi vinnusvæði fyrir vöruna sem kemur út frá neðri brúninni.
- Nuxt — Tengipunktur glóar í djúpum geimnum. Búið til dökk, lokuð tengiflöt þar sem grænt birtist sem knúið merki á móti blá-svörtum fleti.
- AZAK — Leiðangursökutæki í rökkri. Síðuröðin samanstendur af hnitmiðuðum tæknilegum lýsingum: svörtum reit, ljósum blaðsíðum með tæknilegum forskriftum og síðan myndrænu framdrifskerfi.
- Dala — stjörnumerki sem sveiflast á svörtu flaueli
- Origin Financial — Miðnæturgallerí af kyrrlátri auðlegð. Kyrrlátt, næstum dimmt herbergi þar sem stórir, serif-letur og nokkrir upplýstir, litríkir spjöld skapa þá tilfinningu að fjármál séu vandlega valið listaverk.
- Hyperstudio — Hönnunin er rispuð í obsidian. Texti og fínar línur ramma inn hvítt svæði úr hreinu svörtu, með einstaka gullnum áttavitamerkjum sem benda leiðina.