Column
reġistru blu skur taħt is-sebħ frisk
Column juża blu skur u istituzzjonali fuq sfond kważi abjad: il-paġna tħossha l-ewwel bħal wiċċ ta’ prodott bankarju robust u t-tieni bħala bitħa għall-iżviluppaturi. Il-kulur tal-marka mhuwiex wieħed, iżda par ikkoordinat—blu skur #111a4a għal struttura serja, aħdar menta #44b48b għad-dejta u l-kodiċi—b’oranġjo sħun wieħed (#ec652b) riservat għal uċuħ ta’ aċċent ta’ intensità għolja bħall-karta Brex. It-tipografija hija ddominata minn SuisseIntl, sans serif ġeometriku użat fil-medda kollha ta’ piż minn 300 (links) sa 600 (display), li jagħti lis-sistema stil editorjali raffinat li l-biċċa l-kbira tal-kumpaniji fintech m’għandhomx. Il-karti jżommu f’wiċċ l-ilma fuq uċuħ bojod kbar b’dellijiet sottili u f’saffi; il-biċċa l-kbira tal-elementi tal-interfaċċja huma ċatti, bil-fond jidher biss fejn il-karta għandha tħossha bħal oġġett fiżiku (widgets tat-tranżazzjonijiet, mockups tal-prodotti). Il-kodiċi u d-dejta finanzjarja huma ppreżentati b’mod monokromu, bil-kulur tar-ragħwa tal-baħar—sinjal viżwali li dan huwa bank mibni minn inġiniera għall-inġiniera.
L-istruttura tal-paġna hija b'wisa' sħiħa, iċċentrata b'marġini tal-ġenb wesgħin (64–15 ċm fuq id-desktop). L-iskrin prinċipali għandu tqassim maqsum: it-titlu u s-sejħiet għall-azzjoni huma allinjati max-xellug f'25 ċm, filwaqt li widget ta' transazzjoni f'wiċċ l-ilma huwa pożizzjonat fuq il-lemin f'55 ċm fuq sfond ta' mappa b'nofs toni. Taħt l-iskrin prinċipali, is-sezzjonijiet jalternaw bejn kanvas abjad (4 ċm) u kanvas ċar (5 ċm) b'kanali vertikali ta' 6 ċm. Il-kontenut huwa rranġat skont grilja waħda ta' 6 kolonni: il-blokki tat-test jokkupaw 4 kolonni (7 ċm), il-karti tal-immaġni/prodott jokkupaw 5–6 kolonni, b'offset intenzjonat mill-grilja. Is-sezzjonijiet li jiddeskrivu l-karatteristiċi jużaw tqassim ta' 2 kolonni: it-test fuq ix-xellug, il-prodott fuq il-lemin. It-taqsima tal-istatistika tal-fiduċja hija maqsuma fi grilja ta' 4 kolonni tul il-wisa' sħiħa tal-paġna. Il-logos tal-klijenti jinsabu f'ringiela waħda ċċentrata b'kanali ta' 48px. Il-footer għandu tqassim kompatt ta' żewġ kolonni. In-navigazzjoni hija bar ta' fuq trasparenti, fissa, għolja 62px, fuq l-iskrin prinċipali bi sfond imċajpar li jisparixxi għal abjad hekk kif tiskrollja. M'hemm l-ebda sidebar jew mega-menu—il-dropdowns huma menus sempliċi stil vleġġa.
L-istil viżwali huwa minimalista u funzjonali—Column jevita kompletament il-fotografija tal-istokk. Il-lingwaġġ viżwali huwa mibni fuq tliet sorsi: (1) illustrazzjonijiet tad-dejta SVG, speċifikament mappa tad-dinja b'nofs toni bit-tikek, mogħtija b'gradjent minn indigo għal oranġjo għal turkważ, li toħloq atmosfera ta' skala globali wara l-element prinċipali; (2) tqassim ta' karti tal-prodott—widgets f'wiċċ l-ilma li juru l-bilanċi tal-kontijiet, id-dettalji tat-trasferimenti, u siltiet tal-kodiċi JSON f'karti bojod b'dellijiet drammatiċi; (3) viżwalizzazzjonijiet taċ-ċarts—ċarts tat-tip candle jew bar turkważ b'linji rqaq ta' konnessjoni użati fit-taqsima tal-fiduċja/statistika. Il-mappa b'nofs toni hija element viżwali distintiv—il-gradjent tagħha jittranżizzjona minn #d65620 (oranġjo) għal vjola, blu, ċelesti, turkważ, u isfar, u toħloq spettru li jgħaqqad il-paletta kollha tal-marka fuq wiċċ dekorattiv wieħed. L-ikoni għandhom ħxuna uniformi tal-kontorn ta' 1.5–2px fil-varjanti #232730 jew #a9acb6, b'mili għall-istati attivi. L-ebda ritratti tal-istil tal-ħajja, l-ebda renders 3D astratti—ir-restrizzjoni hija intenzjonata biex tiffoka l-attenzjoni fuq il-prodott u d-dejta.
Paletta
Marka
- Indigo Navy
#111a4a— Il-kulur primarju tal-marka jintuża għal sejħiet għal azzjoni mimlija, stati ta' navigazzjoni attiva, il-header, u l-logo. Il-kulur vjola-blu skur jagħti lis-sit lewn iswed solidu iżda għani; imqabbel ma' test abjad, joħloq l-aktar buttuna assertiva fuq is-sit. - Seafoam 600
#44b48b— Il-kulur tal-kodiċi u tad-dejta huwa l-kulur tal-marka għaċ-ċwievet JSON, l-identifikaturi, u l-valuri finanzjarji fis-siltiet tal-kodiċi. Jintuża wkoll għal punti tad-dejta f'ċarts u viżwalizzazzjonijiet tat-tkabbir. - Seafoam 700
#167e6c— Lewn iktar skur ta' ragħwa tal-baħar għall-kontorn, il-linji taċ-ċart, u l-aċċenti tal-ikoni fil-kuntest tad-dejta. Dan jankra l-iskala tar-ragħwa tal-baħar mal-isfond iktar skur. - Seafoam 400
#94efb7— Il-framment tal-kodiċi enfasizzat fih valuri ta' string, URLs, u endpoints tal-API fi ħdan blokki tal-kodiċi. L-iktar kulur ċar seafoam jinqara bħala font monospaced b'lewn aħdar. - Deep Sea
#023247— Il-kontorn dekorattiv u l-kulur tal-aċċent taċ-ċart huma kulur turkważ għani użat fl-illustrazzjonijiet SVG u l-viżwalizzazzjonijiet tad-dejta, flimkien mal-iskala tal-kulur tar-ragħwa tal-baħar.
Newtrali
- Midnight Ink
#011821— Wiċċ skur u test enfasizzat – sfond tal-karta tal-prodott, test prinċipali b'kuntrast għoli. Eqreb lejn il-griż b'lewn blu-aħdar frisk; użat bħala bażi għall-modalità skura meta sezzjoni teħtieġ li tinqaleb. - Slate Ink
#3b3e47— It-titlu sekondarju u t-test prinċipali huma ftit aktar sħan minn Midnight Ink, użati fejn l-iswed pur jidher ħarxa wisq fuq il-kanvas ċar. - Steel
#7c7f88— It-test prinċipali u t-test tal-link huma ddominati minn kulur sieket (użat 245 darba fit-test prinċipali). Kulur griż-blu newtrali li huwa pperċepit bħala kalm, qatt bħala immaġni maħsula. - Fog
#a9acb6— Kontorni tal-ikoni, borduri terzjarji, u test placeholder. Kulur griż medju li jissepara t-test mingħajr ma jikkompeti miegħu. - Mist
#cbcccf— It-test prinċipali—il-firem, id-dikjarazzjonijiet ta’ ċaħda ta’ responsabbiltà, u l-ittra żgħira—jinqara fuq sfond abjad, iżda jidher inqas viżwalment. - Silver Lining
#e3e4e8— Borduri tal-karti, borduri tal-oqsma tad-dħul, linji diviżorji. Dan il-kulur strutturali u sottili jintuża fejn żewġ uċuħ jeħtieġ li jiġu separati mingħajr dellijiet.
Tipografija
minn 10 sa 60px · 10 passi
- SuisseIntl — sostituzzjoni: Inter · linji gwida 300, 400, 500, 600 · Font primarju – użat għall-intestaturi kollha, it-test tal-ġisem, il-buttuni, in-navigazzjoni, il-links, u t-test tal-kards. Is-sans serif ġeometriku uniku jagħti lil Column stil editorjali distintiv, u jiddistingwiha minn kumpaniji fintech oħra li jaħdmu esklussivament ma' Inter-only. Il-piż huwa 600 b'52–60px għall-intestaturi, 500 għas-sottointestaturi, 400 għat-test tal-ġisem, u 300 għal links b'enfasi baxxa.
- SuisseIntlMono — sostituzzjoni: JetBrains Mono · linji gwida 400 · Font monospazjat simili għal SuisseIntl, użat għal tikketti tekniċi, identifikaturi tal-API, u dejta inkorporata f'elementi tal-UI. Iżomm l-istess proporzjonijiet bħal SuisseIntl, għalhekk it-test monospazjat u proporzjonali jallinjaw b'mod korrett f'kuntesti mħallta.
- SFMono — sostituzzjoni: Fira Code · linji gwida 400 · Wirja ta' siltiet tal-kodiċi – murija f'eżempji JSON u blokki ta' dokumentazzjoni tal-API. Dell ta' ragħwa tal-baħar jintuża biex jiddistingwi viżwalment il-kodiċi mit-test tal-UI.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 8px |
| Raġġ tal-karta | 8px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 72px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Column u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- dope.security — Terminal ta' nofsillejl b'fanali vjola
- Leonardo — Gallerija editorjali maqluba. Mużew b'ħitan suwed fejn aħbarijiet vjola jaġixxu bħala installazzjonijiet mal-ħajt, u ritratti ġġenerati mill-AI jiddendlu f'grilja densa taħthom.
- VEED — Ħajt tal-gallerija bajda b'buttuni tad-dawl aħdar neon
- Craft Docs — Kollaġġ diġitali għal scrapbooking. Id-disinn jixbah scrapbook maħsub u tattili, fejn noti diġitali strutturati jingħaqdu ma' nisġa ratba u organika.
- Letter — Gallerija privata li fiha artifatti tleqq minn ħażna. Spazju għall-wirjiet b'ħitan suwed fejn aħbarijiet b'serifed jittajru 'l fuq minn skulturi tal-kromju fuq il-ħitan skuri tal-gallerija.
- Railway — Il-Cosmic Midnight Express. Vjaġġ kalm u eċċitanti fi spazju mudlam u mimli kwiekeb, iggwidat minn sinjali ċari.
- Garden Eight — Editorjal monumentali fuq karta ta’ lewn il-krema. It-titlu serif ta’ 215px jinsab waħdu fuq parċmina sħuna, imdawwar b’forom skulturali f’wiċċ l-ilma u spazju negattiv li jfakkar fl-arja tal-baħar—il-paġna tħossha aktar bħall-qoxra ta’ monografija tal-arti milli dashboard.
- Steep — Analiżi ta' Fonts Serif fuq Karta Sħuna
- ElevenLabs — Esej bir-ritratti f'toni krema sħan b'titoli sottili. Notebook stil Bauhaus—karta kkulurita bħal qoxra tal-bajda, linka sewda, u aċċent wieħed vjola u oranġjo għall-wiri tal-prodott.
- Awesomic — Xibka taż-żingu editorjali b'marki ta' punteġġjatura oranġjo li jfakkru fil-konfetti
- Monad — ġurnal tekniku editorjali fuq parċmina sħuna
- AI for Business — Showroom editorjali brutalista f'toni griżi sħan