Column
dökkblá bók undir köldum dögun
Dálkur notar djúpan, stofnanalegan dökkbláan lit á næstum hvítum bakgrunni: síðan líður fyrst eins og yfirborð öflugs bankaafurðar og í öðru lagi eins og leiksvæði forritara. Vörumerkisliturinn er ekki einn, heldur samræmd litur - dökkblár #111a4a fyrir alvarlega uppbyggingu, mintugrænn #44b48b fyrir gögn og kóða - með einum hlýjum appelsínugulum lit (#ec652b) frátekinn fyrir áberandi yfirborð eins og Brex kortið. Leturgerðin er ríkjandi af SuisseIntl, rúmfræðilegu sans serif letri sem notað er á öllu þyngdarbilinu frá 300 (tenglar) til 600 (skjár), sem gefur kerfinu fágaðan, ritstjórnarlegan stíl sem flest fjártæknifyrirtæki skortir. Spil fljóta á stórum hvítum flötum með lúmskum, lagskiptum skuggum; flestir viðmótsþættir eru flatir, með dýpt sem birtist aðeins þar sem kortið ætti að líða eins og líkamlegur hlutur (færsluviðmót, vörulíkön). Kóðinn og fjárhagsgögnin eru kynnt í einlita, sjávarfroðulitum - sjónrænt merki um að þetta er banki smíðaður af verkfræðingum fyrir verkfræðinga.
Síðan er í fullri breidd, miðjuð með breiðum hliðarmörkum (64–15 cm á skjáborði). Aðalskjárinn er skipt í tvöfalda línu: fyrirsögn og aðgerðahvatningar eru vinstrijafnaðar í 25 cm fjarlægð, en fljótandi viðskiptaviðmót er staðsett hægra megin í 55 cm fjarlægð á móti hálftóna kortagrunni. Fyrir neðan aðalskjáinn skiptast hlutar á milli hvítra (4 cm) og ljósra striga (5 cm) með 6 cm lóðréttum millibilum. Efni er raðað eftir einu 6 dálka ristakerfi: textablokkir eru í 4 dálkum (7 cm), mynda-/vörukort eru í 5–6 dálkum, með vísvitandi fráviki frá ristakerfinu. Hlutar sem lýsa eiginleikum nota tveggja dálka ristakerfi: texti vinstra megin, vara hægra megin. Hlutinn um trauststölfræði er skipt í 4 dálka ristakerfi sem liggur eftir allri breidd síðunnar. Lógó viðskiptavina eru staðsett í einni miðjuðri röð með 48px millibilum. Síðufóturinn er með þéttu tveggja dálka ristakerfi. Leiðsögnin er föst, 62px há, gegnsæ efst á aðalskjánum með óskýrum bakgrunni sem dofnar í hvítt þegar þú flettir. Það er engin hliðarstika eða risavalmynd - fellilistarnir eru einfaldar örvalaga valmyndir.
Sjónrænt útlit er lágmarks- og hagnýtt — „Column“ forðast algjörlega ljósmyndir. Sjónrænt tungumál byggir á þremur uppruna: (1) SVG gagnamyndum, sérstaklega punktabundnu heimskorti með hálftónum, birtu með litbrigði frá indigó til appelsínugulu til tyrkisbláu, sem skapar andrúmsloft á heimsvísu á bak við aðalþáttinn; (2) vörukortaútlit — fljótandi viðbætur sem sýna stöðu reikninga, upplýsingar um millifærslur og JSON kóðabúta á hvítum kortum með dramatískum skuggum; (3) sjónræn framsetning töflu — tyrkisbláar kertastjaka- eða súlurit með þunnum tengilínum sem notaðar eru í traust-/tölfræðihlutanum. Hálftónakortið er einkennandi sjónrænt element — litbrigðið breytist frá #d65620 (appelsínugult) yfir í fjólublátt, blátt, blágrænt, tyrkisblátt og gult, sem skapar litróf sem sameinar allt vörumerkjapallettuna á einni skreytingarflöt. Táknin eru með einsleita útlínuþykkt upp á 1,5–2px í #232730 eða #a9acb6 útgáfunum, með fyllingu fyrir virk ástand. Engar lífsstílsmyndir, engar abstrakt þrívíddarmyndir — aðhaldið er vísvitandi til að beina athyglinni að vörunni og gögnunum.
Litatöflu
Vörumerki
- Indigo Navy
#111a4a— Aðallitur vörumerkisins er notaður fyrir útfylltar aðgerðahvatningar, virk leiðsögn, haus og merki. Djúpfjólublái liturinn gefur síðunni einlægan en samt ríkan svartan blæ; ásamt hvítum texta skapar hann áberandi hnappinn á síðunni. - Seafoam 600
#44b48b— Kóða- og gagnalitur er vörumerkjaliturinn fyrir JSON-lykla, auðkenni og fjárhagsleg gildi í kóðabútum. Hann er einnig notaður fyrir gagnapunkta í töflum og vaxtarsýnum. - Seafoam 700
#167e6c— Dökkari litur af sjávarfroðu fyrir útlínur, línur á töflum og tákn í gagnasamhengi. Þetta festir sjávarfroðukvarðann við dekkri bakgrunninn. - Seafoam 400
#94efb7— Merkti kóðabrotið inniheldur strenggildi, vefslóðir og API-endapunkta innan kóðablokka. Ljósasti liturinn á sjávarfroðu lesist sem einbreitt letur með grænleitum blæ. - Deep Sea
#023247— Skreytingarútlínur og áherslulitur töflunnar er ríkur tyrkisblár litur sem notaður er í SVG-myndskreytingum og gagnasýnilegum framsetningum, ásamt litakvarða sjávarfroðu.
Hlutlaus
- Midnight Ink
#011821— Dökkt yfirborð og auðkenndur texti – bakgrunnur vörukorts, aðaltexti með mikilli birtuskil. Nálægt gráu með köldum blágrænum blæ; notað sem grunnur fyrir dökka stillingu þegar þarf að snúa hluta við. - Slate Ink
#3b3e47— Aukatitill og aðaltexti eru aðeins hlýrri en Midnight Ink, sem er notað þar sem svartur litur myndi virðast of harður á ljósum striga. - Steel
#7c7f88— Aðaltextinn og tenglatextinn eru í daufum lit (notaður 245 sinnum í aðaltextanum). Hlutlaus gráblár litur sem er skynjaður rólegur, aldrei föl ímynd. - Fog
#a9acb6— Útlínur tákna, þriðjungsviðmið og staðgengilstexti. Miðlungsgrár litur sem aðskilur textann án þess að keppa við hann. - Mist
#cbcccf— Aðaltextinn — undirskriftir, fyrirvarar og smái letur — er læsilegur á hvítum bakgrunni en ekki eins áberandi. - Silver Lining
#e3e4e8— Kortamörk, innsláttarreitamörk, skiptingarlínur. Þessi uppbyggði, fínlegi litur er notaður þar sem aðskilja þarf tvo fleti án skugga.
Leturfræði
frá 10 til 60px · 10 skref
- SuisseIntl — skipti: Inter · útlínur 300, 400, 500, 600 · Aðal leturgerð – notuð fyrir allar fyrirsagnir, megintexta, hnappa, leiðsögn, tengla og texta á spjöldum. Einstakt rúmfræðilegt sans serif letur gefur Column sérstakan ritstjórnarstíl og greinir það frá öðrum fjártæknifyrirtækjum sem vinna eingöngu með Inter-only. Þyngdin er 600 við 52–60px fyrir fyrirsagnir, 500 fyrir undirfyrirsagnir, 400 fyrir megintexta og 300 fyrir tengla með lága áherslu.
- SuisseIntlMono — skipti: JetBrains Mono · útlínur 400 · Einfalt letur svipað og SuisseIntl, notað fyrir tæknileg merki, API-auðkenni og innfelld gögn í notendaviðmótsþáttum. Það heldur sömu hlutföllum og SuisseIntl, þannig að einfalt og hlutfallslegt letur jafnast rétt út í blönduðum samhengjum.
- SFMono — skipti: Fira Code · útlínur 400 · Kóðabrot birtast í JSON dæmum og API skjölunarblokkum. Sjófroðulitur er notaður til að greina kóða sjónrænt frá notendaviðmótstexta.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 8px |
| Hnapparadíus | 8px |
| Radíus korts | 8px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 72px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Column 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
- dope.security — Miðnætursstöð með fjólubláum ljósabeikonum
- Leonardo — Öfug ritstjórnargallerí. Safn með svörtum veggjum þar sem fjólubláar fyrirsagnir virka sem vegguppsetningar og andlitsmyndir sem eru búnar til með gervigreind hanga í þéttu rist fyrir neðan.
- VEED — Hvítur galleríveggur með neongrænum ljóshnappum
- Craft Docs — Stafrænt klippimyndaverk fyrir klippibók. Hönnunin minnir á hugvitsamlega, áþreifanlega klippibók, þar sem skipulagðar stafrænar glósur sameinast mjúkum, lífrænum áferðum.
- Letter — Einkasýningarsalur með glitrandi gripum úr geymslu. Sýningarrými með svörtum veggjum þar sem fyrirsagnir með skammstöfum svífa yfir krómuðum skúlptúrum á lituðum veggjum gallerísins.
- Railway — Miðnæturlest alheimsins. Róleg og spennandi ferð um dimmt, stjörnubjart geim, leidd af skýrum merkjum.
- Garden Eight — Stórfengleg ritstjórnargrein á rjómalituðum pappír. Fyrirsögnin, sem er 215 pixlar að stærð, situr ein og sér á hlýjum pergamentpappír, umkringd fljótandi skúlptúrum og neikvæðu rými sem minnir á sjávarloft – síðan minnir frekar á forsíðu listrænnar ritgerðar en mælaborð.
- Steep — Greining á Serif leturgerðum á hlýjum pappír
- 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
- AI for Business — Hrottaleg ritstjórnarsýning í hlýjum gráum tónum