Slash
Middernachtskluis mei fergulde ledgers
Slash wurket yn in middernachtsgalerymodus: in hast swart doek, wyt lettertype, en in inkele waarm koperen aksint dy't tsjinnet as ynterpunksje. Koppen wurde werjûn yn Ivy Presto, in heechkontrast didone serif brûkt yn ekstreme maten (oant 88px) - dizze botsing fan serif- en sans-serif-lettertypen is de hantekening fan it systeem, en jout it in finansjele gravitas sûnder de brokerage-gravitas fan tradisjoneel bankieren. De rest fan 'e brûkersynterface is bewust ûnderbelichte: tinne rânen, pilfoarmige kontrôles, kompakte 16px-tekst, en in subtile upsweep om it lettertype te litten sykheljen. In inkele gouden kleurferrin (diagramline, mikroaksinten) foeget waarmte ta oan it monochrome systeem, en ropt de waarme gloed op fan in Bloomberg-terminal boud foar in ûntwerppublyk.
De ynhâld is 1216px breed, sintraal, mei 160px fertikale gutters. It thússkerm is in tsjuster, folsleine breedte doek mei in split komposysje: in lofts-útrichte serif-koptekst (64–88px breed) mei in e-mailadresfjild hjirûnder, en in grutte produkt UI-kaart (in dashboard-skermôfbylding) oan 'e rjochterkant mei 50% breedte. Folgjende seksjes brûke in ienkolom, sintraal koptekst (serif, 44–64px breed) mei in subkoptekst yn Inter, folge troch trijekolomrasters fan kaarten foar funksjebeskriuwingen/testimonials/blogs. De navigaasje is in fêste boppeste balke: logo oan 'e linkerkant, sintraal menu (Bedriuw, Produkten, Oplossingen, Kliïnten, Prizen, FAQ), rjochts-útrichte oanmelde (ûnopfallend), en begjinne (wyt fol elemint). De fuottekst hat in ticht fiifkolomraster fan keppelings mei bedriuwsynformaasje en juridyske meidielings. De side wikselet tusken ynhâldrike rasterseksjes en statistiken op folslein skerm - it ritme wurdt fêststeld troch de royale wite romte tusken de kolommen ynstee fan troch wikseljende eftergrûnkleuren (de hiele side wurdt presintearre as ien, ferienige doek).
De fotografy is redaksjoneel en naturalistysk: waarme portretten fan 'e oprjochters en teamleden yn harren echte wurkomjouwings (kantoaren, wenkeamers, bouplakken). De ôfbyldings folje de kaartframes fan râne oant râne, sûnder padding. In donkere kleurferrin wurdt brûkt ûnderoan de testimonialkaarten om de lêsberens fan 'e tekst te ferbetterjen. De estetyk - "LinkedIn meets redaksjoneel tydskrift" - is casual, minsklik en wat gedempt, nea gepolijst mei stockfotografy. Artikelminiatuerôfbyldings kombinearje foto's mei yllustrearre konsepten (in persoan dy't yn in doalhôf stiet, in iepen haard mei sekken jild). De brûkersynterface fan it produkt wurdt werjûn yn tsjustere modus mei folsleine dekking, swevend boppe de pagina op subtile donkere oerflakken - in sintraal elemint. Ikoanen binne monochroom mei 1px-streken yn #2e3038 of #777a88, nea fol mei de merkkleur.
Palet
Neutraal
- Bone
#e2e3e9— Grutte lettergrutte foar primêre tekst, detaillearre datalabels en in standert teksttoan foar de measte UI-eleminten. - Obsidian
#08080a— It sidedoek, de fuottekstachtergrûn, it tsjusterste oerflak is hast swart mei in subtile blauwe tint. - Onyx
#040406— It oerflak fan 'e kaart, de ekstra eftergrûn, is ien stap djipper as de pagina foar fisueel effekt. - Carbon
#121317— Ferhege panielen, ûnopfallende UI-opfoling - de earste merkber lichtere stap yn 'e evolúsje fan Surface Stack - Graphite
#1c1d22— Rânen, skieders, ikoankonteners, kontrôlesliders - de subtylste kleurtint dy't struktuer definiearret. - Slate
#2e3038— Ekstra rânen, gedempte ikoanlinen, subtile skieders tusken ynhâldsblokken.
Typografy
fan 13 oant 88px · 9 stappen
- Ivy Presto — ferfanging: Playfair Display · sketsen 400, 500 · In serif-lettertype foar kopteksten en subkopteksten - allinnich brûkt foar kopteksten en seksjetitels fan 28px en heger. Heechkontrast didone-streken mei tinne serifs skeppe in gefoel fan redaksjonele lúkse; de lytse positive letterôfstân fan 0.01em is ûngewoan en jout it lettertype in printe, boekhâldkundige uterlik. Dit serif-lettertype is it kearnvisitekaartsje fan it merk - it ûnderskiedt Slash fan alle oare SaaS fintech-bedriuwen dy't standert geometryske sans-serif-lettertypen brûke.
- Inter — ferfanging: Inter (self-hosted via Google Fonts) · sketsen 300, 400, 500, 600, 700 · UI Sans—haadtekst, navigaasje, knoppen, labels, keppelings, formulierfjilden en subkopteksten. De haadtekst brûkt in lettertype 300 foar ûnopfallende sekundêre tekst; 500 wurdt brûkt foar tekst mei middelgrutte klam en knoplabels; 600 is reservearre foar kategorylabels skreaun yn lytse haadletters. Negative letterôfstân nimt ôf fan 2 (-3) en nimt ôf as de grutte ôfnimt, wat typysk is foar de optyske skalearring fan it Inter-lettertype.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | rom |
| Basisstap | 8px |
| Knopradius | 9999px |
| Kaartradius | 10px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 160px |
| Sidebreedte | 1216px |
AI sil jo webside bouwe yn Slash -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Modal — In fosforeszente terminal yn in tsjustere serverkeamer - de ienige ljochtboarne is in helder griene kleur
- AgentQL — Noarderljocht boppe de terminal by nacht
- GitHub — In romtekommandopaniel mei biolumineszinte kontrôlepunten - in tsjustere, sfearfolle wurkromte dêr't in inkele griene gloed de wei foarút wiist.
- Doppler — De pearse ferljochting fan 'e kluis om middernacht. It hast swarte doek gloeit mei in inkele lavendelkleurige sinjaal en in grien befêstigingsljocht, elk oerflak krom genôch om te pakken.
- Basedash — In middernachtsgegevensterminal mei matte lettertypen. In tsjuster observatoarium dêr't metriken pears en grien gloeie, serif-koppen boppe it lûd sweve, en wite pilfoarmige knoppen de ienige heldere objekten binne yn in keamer mei sêfte swarte oerflakken.
- Superwhisper — It noarderljocht ferdwynt boppe it middernachtsglês
- Better Stack — Middernacht SRE-konsole
- Langbase — Middernacht Noarderljocht konsole
- Astro — Deep Space Mission Control mei in inkele pearse gloed fan in nebula
- Wayfinder — In swart filmskerm mei in amper te hearren titel dy't boppe in live yllustraasje sweeft. De ynterface is in helderheidsslider ynstee fan in kontrôlepaniel.
- HashiCorp — De kontrôlekeamer om middernacht mei pearse neon is in tsjuster technysk oerflak dêr't in gloeiende hexagonale kubus as ienige kleurreferinsje tsjinnet.
- Umbrel — In noflike fjoerput yn 'e nachtserverkeamer - in tsjustere keamer dêr't in ienige perzikkleurige gloed markearret wat echt wichtich is.