Slash
Gauerdiko ganga urreztatutako kontabilitate-liburuekin
Slash-ek gauerdiko galeria moduan funtzionatzen du: mihise ia beltza, letra zuria eta puntuazio gisa balio duen kobrezko azentu epel bakarra. Titularrak Ivy Presto-n bistaratzen dira, tamaina handietan (88px-raino) erabiltzen den kontraste handiko didone serif bat —serif eta sans-serif letra-tipoen talka hau da sistemaren sinadura, banku tradizionalen bitartekaritza-gravitaterik gabe finantza-grabitatea ematen diona. Erabiltzaile-interfazearen gainerakoa nahita sotila da: ertz meheak, pilula-formako kontrolak, 16px-ko testu trinkoa eta goranzko mugimendu sotila letra-tipoari arnasa hartzeko aukera emateko. Urre-gradiente bakar batek (diagrama-lerroa, mikroazentuak) berotasuna ematen dio sistema monokromoari, diseinu-publiko batentzat eraikitako Bloomberg terminal baten distira epela gogoraraziz.
Edukia 1216px zabal da, erdian dago, eta 160px-ko bertikalki marjinak ditu. Hasierako pantaila mihise ilun eta zabalera osokoa da, konposizio zatitu batekin: ezkerrean lerrokatutako serif goiburua (64–88px zabal) behean helbide elektronikoaren eremu batekin, eta eskuinean produktuaren UI txartel handi bat (paneleko pantaila-argazki bat) % 50eko zabalerarekin. Ondorengo atalek zutabe bakarreko goiburu erdian (serif, 44–64px zabal) erabiltzen dute, Inter estiloko azpititulu batekin, eta ondoren hiru zutabeko txartel-sareta daude funtzioen deskribapen/testigantzen/blogen deskribapenetarako. Nabigazioa goiko barra finko bat da: logotipoa ezkerrean, erdiko menua (Enpresa, Produktuak, Irtenbideak, Bezeroak, Prezioak, Maiz egiten diren galderak), eskuinean lerrokatutako saioa hasteko aukera (ezkutatuta) eta hasteko aukera (elementu zuriz betea). Oin-orriak bost zutabeko sare trinko bat du, enpresaren informazioarekin eta legezko oharrekin. Orrialdeak txandaka erakusten ditu edukiz betetako sareta-atalak eta pantaila osoko estatistikak; erritmoa zutabeen arteko zuri-espazio eskuzabalak ezartzen du, atzeko planoaren koloreak txandakatuz baino (orrialde osoa mihise bakar eta bateratu gisa aurkezten da).
Argazkilaritza editoriala eta naturalista da: sortzaileen eta taldekideen erretratu beroak beren benetako lan-inguruneetan (bulegoak, egongelak, eraikuntza-guneak). Irudiek txartelen markoak ertzetik ertzera betetzen dituzte, betegarririk gabe. Gradiente ilun bat erabiltzen da testigantza-txartelen behealdean testuaren irakurgarritasuna hobetzeko. Estetika —"LinkedIn aldizkari editorialekin bat egiten du"— informala, gizatiarra eta apur bat isila da, inoiz ez stock argazkiekin leundua. Artikuluen miniaturek argazkiak kontzeptu ilustratuekin konbinatzen dituzte (labirinto batean zutik dagoen pertsona bat, diru-poltsak dituen tximinia). Produktuaren interfazea modu ilunean bistaratzen da, opakutasun osoz, orrialdearen gainean gainazal ilun sotilen gainean flotatzen —elementu zentral bat—. Ikonoak monokromoak dira, 1px-ko trazuekin #2e3038 edo #777a88 koloretan, inoiz ez markaren kolorearekin beteta.
Paleta
Neutroa
- Bone
#e2e3e9— Testu nagusirako letra-tamaina handia, datu-etiketa zehatzak eta testu-tonu estandarra UI elementu gehienetan. - Obsidian
#08080a— Orriaren mihisea, oin-oinaren atzeko planoa, gainazal ilunena ia beltza da, urdin tonu sotil batekin. - Onyx
#040406— Txartelaren gainazala, atzeko plano gehigarria, orrialdea baino urrats bat sakonago dago efektu bisuala lortzeko. - Carbon
#121317— Panel altxatuak, UI betegarri diskretua - Surface Stack-en bilakaeran nabarmen arinagoa den lehen urratsa - Graphite
#1c1d22— Ertzak, banatzaileak, ikonoen ontziak, kontrol graduatzaileak—egitura definitzen duen kolore tonu sotilenak. - Slate
#2e3038— Ertz gehigarriak, ikono-lerro isilak, eduki-blokeen arteko banatzaile sotilak.
Tipografia
13tik 88px-ra · 9 urrats
- Ivy Presto — ordezkapena: Playfair Display · eskemak 400, 500 · Izenburu eta azpitituluetarako serif letra-tipoa — 28px eta gehiagoko izenburu eta atal-izenburuetarako soilik erabiltzen da. Kontraste handiko didone trazuek serif meheekin batera editorial-luxuzko sentsazioa sortzen dute; 0,01em-ko letren arteko tarte positibo txikia ezohikoa da eta letra-tipoari itxura inprimatua eta kontabilitate-antzekoa ematen dio. Serif letra-tipo hau markaren aurkezpen-txartel nagusia da — Slash bereizten du letra-tipo sans-serif geometrikoak lehenespenez erabiltzen dituzten beste SaaS fintech enpresa guztietatik.
- Inter — ordezkapena: Inter (self-hosted via Google Fonts) · eskemak 300, 400, 500, 600, 700 · UI Sans—testu nagusia, nabigazioa, botoiak, etiketak, estekak, formulario-eremuak eta azpitituluak. Testu nagusiak 300 letra-tipoa erabiltzen du bigarren mailako testu diskretuarentzat; 500 enfasi ertaineko testuarentzat eta botoien etiketetarako erabiltzen da; 600 maiuskula txikiz idatzitako kategoria-etiketetarako gordeta dago. Letra-tarte negatiboa 2tik (-3) gutxitzen da eta tamaina txikitzen den heinean txikitzen da, Inter letra-tipoaren eskalatze optikoaren tipikoa dena.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | zabal |
| Oinarrizko urratsa | 8px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 10px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 160px |
| Orriaren zabalera | 1216px |
Adimen artifizialak zure webgunea Slash estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Modal — Terminal fosforeszente bat zerbitzari-gela ilun batean - argi-iturri bakarra berde biziko kolorea da
- AgentQL — Iparraldeko argiak terminalaren gainean gauez
- GitHub — Kontrol-puntu biolumineszenteak dituen espazio-aginte-panel bat —lan-eremu ilun eta atmosferikoa, non distira berde bakar batek aurrera egiteko bidea adierazten duen.
- Doppler — Gangaren argi morea gauerdian. Ia mihise beltza izpiliku koloreko seinale bakarrarekin eta baieztapen-argi berde batekin distiratzen da, gainazal guztiak nahikoa kurbatuta heltzeko moduan.
- Basedash — Gauerdiko datu-terminal bat, letra-tipo matearekin. Behatoki ilun bat, non metrikak more eta berdez distiratzen diren, serif izenburuak zarataren gainetik flotatzen diren, eta pilula itxurako botoi zuriak diren objektu distiratsu bakarrak gainazal beltz leunez osatutako gela batean.
- Superwhisper — Iparraldeko argiak gauerdiko kristalaren gainean desegiten dira
- Better Stack — Gauerdiko SRE kontsola
- Langbase — Gauerdiko Ipar Argien kontsola
- Astro — Espazio Sakoneko Misioaren Kontrola, nebulosa bateko distira more bakarrarekin
- Wayfinder — Ilustrazio bizidun baten gainean ia entzun ezin den izenburu bat duen film-pantaila beltz bat. Interfazea kontrol-panel bat baino distira-graduatzaile bat da.
- HashiCorp — Gauerdiko kontrol-gela neon morearekin gainazal tekniko ilun bat da, non kubo hexagonal distiratsu batek kolore-erreferentzia bakarra duen.
- Umbrel — Gaueko zerbitzari-gelan su-hobi eroso bat —gela ilun bat, non distira bakar batek benetan garrantzitsua dena nabarmentzen duen.