Column
llyfr cyfrifon glas tywyll o dan y wawr oer
Mae Colofn yn defnyddio glas tywyll dwfn, sefydliadol ar gefndir bron yn wyn: mae'r dudalen yn teimlo fel arwyneb cynnyrch bancio cadarn yn gyntaf ac yn ail fel maes chwarae i ddatblygwyr. Nid un lliw yw lliw'r brand, ond pâr cydlynol—glas tywyll #111a4a ar gyfer strwythur difrifol, gwyrdd mintys #44b48b ar gyfer data a chod—gydag un oren cynnes (#ec652b) wedi'i gadw ar gyfer arwynebau acen dwyster uchel fel y cerdyn Brex. Mae'r teipograffeg wedi'i dominyddu gan SuisseIntl, sans serif geometrig a ddefnyddir ar draws yr ystod pwysau gyfan o 300 (dolenni) i 600 (arddangos), gan roi arddull olygyddol mireinio i'r system nad yw'r rhan fwyaf o gwmnïau fintech yn ei chael. Mae cardiau'n arnofio ar arwynebau gwyn mawr gyda chysgodion cynnil, haenog; mae'r rhan fwyaf o elfennau'r rhyngwyneb yn wastad, gyda dyfnder yn ymddangos dim ond lle dylai'r cerdyn deimlo fel gwrthrych corfforol (teclynnau trafodion, modelau cynnyrch). Cyflwynir y cod a'r data ariannol mewn lliw monocrom, ewyn môr—arwydd gweledol mai banc a adeiladwyd gan beirianwyr ar gyfer peirianwyr yw hwn.
Mae strwythur y dudalen yn lled llawn, wedi'i ganoli gydag ymylon ochr llydan (64–15 cm ar y bwrdd gwaith). Mae'r brif sgrin yn gynllun hollt: mae'r pennawd a'r galwadau i weithredu wedi'u halinio i'r chwith ar 25 cm, tra bod teclyn trafodion arnofiol wedi'i leoli ar y dde ar 55 cm yn erbyn cefndir map hanner tôn. O dan y brif sgrin, mae adrannau'n amrywio rhwng cynfas gwyn (4 cm) a chynfas golau (5 cm) gyda gwteri fertigol 6 cm. Mae'r cynnwys wedi'i drefnu yn ôl un grid 6-golofn: mae blociau testun yn meddiannu 4 colofn (7 cm), mae cardiau delwedd/cynnyrch yn meddiannu 5–6 colofn, gyda gwrthbwyso bwriadol o'r grid. Mae adrannau sy'n disgrifio nodweddion yn defnyddio cynllun 2-golofn: testun ar y chwith, cynnyrch ar y dde. Mae'r adran ystadegau ymddiriedaeth wedi'i rhannu'n grid 4-golofn ar draws lled llawn y dudalen. Mae logos cwsmeriaid wedi'u lleoli mewn un rhes ganolog gyda gwteri 48px. Mae gan y droedyn gynllun cryno dwy-golofn. Mae'r llywio yn far uchaf sefydlog, 62px o uchder, tryloyw dros y brif sgrin gyda chefndir aneglur sy'n pylu i wyn wrth i chi sgrolio. Does dim bar ochr na mega-ddewislen—mae'r rhestrau ostwng yn ddewislenni syml arddull saeth.
Mae'r arddull weledol yn finimalaidd ac yn ymarferol—mae Colofn yn osgoi ffotograffiaeth stoc yn llwyr. Mae'r iaith weledol wedi'i hadeiladu ar dair ffynhonnell: (1) darluniau data SVG, yn benodol map byd hanner tôn dotiog, wedi'i rendro â graddiant o indigo i oren i dyrquoise, gan greu awyrgylch o raddfa fyd-eang y tu ôl i'r brif elfen; (2) cynlluniau cardiau cynnyrch—teclynnau arnofiol sy'n arddangos balansau cyfrifon, manylion trosglwyddo, a darnau cod JSON mewn cardiau gwyn gyda chysgodion dramatig; (3) delweddiadau siart—siartiau canhwyllbren neu far turquoise gyda llinellau cysylltu tenau a ddefnyddir yn yr adran ymddiriedaeth/ystadegau. Mae'r map hanner tôn yn elfen weledol nodweddiadol—mae ei raddiant yn trawsnewid o #d65620 (oren) trwy fioled, glas, asur, turquoise, a melyn, gan greu sbectrwm sy'n uno palet cyfan y brand ar un arwyneb addurniadol. Mae gan yr eiconau drwch amlinell unffurf o 1.5–2px yn yr amrywiadau #232730 neu #a9acb6, gyda llenwad ar gyfer cyflyrau gweithredol. Dim lluniau ffordd o fyw, dim rendradau 3D haniaethol—mae'r cyfyngiad yn fwriadol i ganolbwyntio sylw ar y cynnyrch a'r data.
Palet
Brand
- Indigo Navy
#111a4a— Defnyddir lliw sylfaenol y brand ar gyfer galwadau i weithredu wedi'u llenwi, cyflyrau llywio gweithredol, y pennawd, a'r logo. Mae'r lliw glas-fioled tywyll yn rhoi lliw du solet ond cyfoethog i'r wefan; ynghyd â thestun gwyn, mae'n creu'r botwm mwyaf cadarnhaol ar y wefan. - Seafoam 600
#44b48b— Lliw cod a data yw lliw'r brand ar gyfer allweddi JSON, dynodwyr, a gwerthoedd ariannol mewn darnau cod. Fe'i defnyddir hefyd ar gyfer pwyntiau data mewn siartiau a delweddiadau twf. - Seafoam 700
#167e6c— Arlliw tywyllach o ewyn môr ar gyfer yr amlinelliad, llinellau siart, ac acenion eicon o fewn cyd-destun y data. Mae hyn yn angori graddfa'r ewyn môr yn erbyn y cefndir tywyllach. - Seafoam 400
#94efb7— Mae'r darn cod sydd wedi'i amlygu yn cynnwys gwerthoedd llinynnol, URLau, a phwyntiau terfyn API o fewn blociau cod. Mae'r lliw ewyn môr ysgafnaf yn darllen fel ffont ungofod gyda lliw gwyrddlas. - Deep Sea
#023247— Mae amlinell addurniadol a lliw acen y siart yn lliw turquoise cyfoethog a ddefnyddir mewn darluniau SVG a delweddiadau data, ynghyd â graddfa lliw ewyn y môr.
Niwtral
- Midnight Ink
#011821— Arwyneb tywyll a thestun wedi'i amlygu – cefndir cerdyn cynnyrch, prif destun cyferbyniad uchel. Yn agosach at lwyd gyda lliw glas-wyrdd oer; fe'i defnyddir fel sylfaen ar gyfer modd tywyll pan fo angen gwrthdroi adran. - Slate Ink
#3b3e47— Mae'r teitl eilaidd a'r prif destun ychydig yn gynhesach na Midnight Ink, a ddefnyddir lle byddai du pur yn ymddangos yn rhy llym ar gynfas golau. - Steel
#7c7f88— Mae'r prif destun a'r testun cyswllt wedi'u dominyddu gan liw tawel (a ddefnyddir 245 gwaith yn y prif destun). Lliw llwyd-las niwtral sy'n cael ei ystyried yn dawel, byth yn ddelwedd wedi pylu. - Fog
#a9acb6— Amlinelliadau eiconau, ffiniau trydyddol, a thestun llefydd. Lliw llwyd canolig sy'n gwahanu'r testun heb gystadlu ag ef. - Mist
#cbcccf— Mae'r prif destun—llofnodion, ymwadiadau, ac argraff fach—yn ddarllenadwy ar gefndir gwyn, ond yn llai amlwg yn weledol. - Silver Lining
#e3e4e8— Ffiniau cardiau, ffiniau meysydd mewnbwn, llinellau rhannu. Defnyddir y lliw strwythurol, cynnil hwn lle mae angen gwahanu dau arwyneb heb gysgodion.
Teipograffeg
o 10 i 60px · 10 cam
- SuisseIntl — amnewid: Inter · amlinelliadau 300, 400, 500, 600 · Ffont sylfaenol – a ddefnyddir ar gyfer pob pennawd, testun corff, botymau, llywio, dolenni, a thestun cardiau. Mae'r sans serif geometrig unigryw yn rhoi arddull olygyddol nodedig i Column, gan ei osod ar wahân i gwmnïau fintech eraill sy'n gweithio'n gyfan gwbl gydag Inter-only. Y pwysau yw 600 ar 52–60px ar gyfer penawdau, 500 ar gyfer is-benawdau, 400 ar gyfer testun corff, a 300 ar gyfer dolenni pwyslais isel.
- SuisseIntlMono — amnewid: JetBrains Mono · amlinelliadau 400 · Ffont unffordd tebyg i SuisseIntl, a ddefnyddir ar gyfer labeli technegol, dynodwyr API, a data mewnosodedig mewn elfennau UI. Mae'n cynnal yr un cyfranneddau â SuisseIntl, felly mae testun unffordd a chyfrannol yn alinio'n gywir mewn cyd-destunau cymysg.
- SFMono — amnewid: Fira Code · amlinelliadau 400 · Dangos darn o god – a ddangosir mewn enghreifftiau JSON a blociau dogfennaeth API. Defnyddir cysgod ewyn môr i wahaniaethu'n weledol rhwng cod a thestun UI.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 8px |
| Radiws botwm | 8px |
| Radiws y cerdyn | 8px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 72px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Column ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- dope.security — Terfynfa hanner nos gyda goleuadau porffor
- Leonardo — Oriel olygyddol gwrthdro. Amgueddfa â waliau du lle mae penawdau porffor yn gweithredu fel gosodiadau wal, a phortreadau a gynhyrchwyd gan AI yn hongian mewn grid trwchus isod.
- VEED — Wal oriel wen gyda botymau golau gwyrdd neon
- Craft Docs — Collage digidol ar gyfer sgrapio. Mae'r dyluniad yn debyg i lyfr sgrap meddylgar, cyffyrddol, lle mae nodiadau digidol strwythuredig yn cyfuno â gweadau meddal, organig.
- Letter — Oriel breifat yn cynnwys arteffactau disglair o'r storfa. Gofod arddangos â waliau du lle mae penawdau seriffedig yn arnofio uwchben cerfluniau crôm ar waliau lliw'r oriel.
- Railway — Y Cosmic Midnight Express. Taith dawel, gyffrous drwy ofod tywyll, serennog, wedi'i harwain gan signalau clir.
- Garden Eight — Erthygl olygyddol aruthrol ar bapur lliw hufen. Mae'r pennawd serif 215px yn eistedd ar ei ben ei hun ar femrwn cynnes, wedi'i amgylchynu gan ffurfiau cerfluniol arnofiol a gofod negyddol sy'n atgoffa rhywun o awyr y môr—mae'r dudalen yn teimlo'n fwy fel clawr monograff celf nag fel dangosfwrdd.
- Steep — Dadansoddiad o Ffontiau Serif ar Bapur Cynnes
- ElevenLabs — Traethawd llun mewn arlliwiau hufen cynnes gyda phenawdau cynnil. Llyfr nodiadau arddull Bauhaus—papur lliw plisgyn wy, inc du, ac acen borffor ac oren sengl ar gyfer arddangos cynnyrch.
- Awesomic — Rhwyll sinc olygyddol gyda marciau atalnodi oren yn atgoffa rhywun o gonffeti
- Monad — cyfnodolyn technegol golygyddol ar femrwn cynnes
- AI for Business — Ystafell arddangos olygyddol greulon mewn arlliwiau llwyd cynnes