Diseinu-sistema · v1

Basoa

Basoa adarrak, oreinak eta goroldioa bizi diren lekua da. Adarren hizkera bisuala da: ikur bat, gaueko basoaren izenak dituen paleta bat, hiru tipografia eta beste guztia hazten den grafo bat.

6. irud. ikurra, estrusionatuta — arrastatu biratzeko

01

Printzipioak

Hazia, ez eraikia.

Formak bizidunak bezala adarkatzen eta mehetzen dira. Kurbak leunak dira, muturrak biribilak, eta ezer ez da koadroa koadro izateagatik.

Historia da protagonista.

Commit grafoa da irudirik garrantzitsuena. Kolorea, distira eta mugimendua hura hobeto irakurtzeko daude.

Lasai, garrantzitsua den arte.

Gaua bezain ilunak diren gainazalak eta laino-koloreko testua; iratzea begiak joan behar duen lekuan bakarrik. Azentu bat ikuspegi bakoitzeko.

Bihotzez euskalduna, guztientzat irekia.

Izenak eta xehetasun txikiak euskaratik datoz; webguneak ingelesez, gaztelaniaz eta euskaraz hitz egiten du, eta aplikazioak ere hala egingo du.

02

Logoa

Git erreiekin marraztutako orein-adar pare bat. Erro-commit bat, adarkatze bat, bi adar nagusi eta bi punta, eta commit bat mutur bakoitzean. Orein gisa, adarkatzen den zuhaitz gisa edo git log --graph gisa irakur daiteke: hirurak dira adar.

Adarren ikurraren eraikuntza 64 unitateko sareta bateanerro-commitaadarkatzeaadar nagusia · maincommitapunta · featuremarra 4,6 / 64nodoa r 5,4 · puntak 4,4
64 unitateko sareta batean marraztua, 4,6 unitateko marra biribil bakar batekin. Puntak 4,4 unitateko commitak dira; erroa apur bat handiagoa da. Dena da simetrikoa erdiko errearekiko.
Adarren logotipoa gaueko hondoan
Logotipoa · gaua
Adarren logotipoa eguneko hondoan
Logotipoa · eguna
Adarren ikurra iratze-kolorearen gainean
Ikurra · iratze gainean
Adar aplikazioaren ikonoa
Ikonoa · favicon eta aplikazioa

Errespetu-tartea

Utzi alde bakoitzean punta-nodo baten tamaina (ikurraren ¼) hutsik.

Gutxieneko tamaina

Ikurra 16 px-tik aurrera, logotipoa 24 px-eko altueratik aurrera.

Ez egin

Eduki ikurra zuzen, proportzioan eta iratze-, tinta- edo hezur-kolorean.

03

Kolorea

Kolore bakoitzak basoko zerbaiten euskal izena du. Gaueko gainazalek eusten diote interfazeari; azentuak neurriz erabiltzen dira eta beti gauza bera esan nahi dute. Egin klik lagin batean kopiatzeko.

Neutroak

Token semantikoak

TokenaErabileraGauaEguna

04

Tipografia

Geist-ek egiten du lana, Instrument Serif-ek jartzen du sentimendua eta Geist Mono-k etiketatzen du makina. Erabili serif etzana izenburu bakoitzeko hitz bat edo bitarako, inoiz ez paragrafo osoetarako.

Aa

Geist

--font-sans · 300–700

Interfazea, izenburuak eta testua. Letra-tarte estua tamaina handietan.

Aa

Instrument Serif Etzana

--font-serif · 400

Izenburuetako hitz adierazkorrak, euskal terminoak, irudi-oinak.

Aa

Geist Mono

--font-mono · 400–600

Kodea, SHAk, ref-ak, laster-teklak eta etiketak.

display

Ikusi zure git-a

3xl

Aukeratu adar bat.

2xl

Merge feature/login into main

xl

Prestatu fitxategiak, zatiak edo lerro solteak.

md

Adarrek zure Mac-ean instalatuta dagoen git-a erabiltzen du, beraz dagoeneko erabiltzen dituzun kredentzialekin dabil.

sm

Ekintza suntsitzaileek lehenago galdetzen dute eta desegin daitezke.

mono

a0381a2 · origin/main · ⇧⌘F

05

Espazioa, forma eta sakonera

4 px-eko sareta, erradio eskuzabalak eta edukitik datorren argia: distirak, ez itzal astunak.

Tarteak

    Erradioa

    Sakonera eta distira

    shadow-1shadow-2shadow-3glow-accent

    06

    Mugimendua

    Gauzak beren lekura hazten dira: azkar abiatu eta poliki finkatu. Mugimenduak historiaren norabideari jarraitzen dio, mugimendu gutxiago eskatzen dutenentzat gelditzen da, eta begizta oro izkinako botoi flotatzailearekin pausa daiteke.

    --dur-1 · 120ms
    Hover-a, sakatzeak, kolore-aldaketak.
    --dur-2 · 240ms
    Etengailuak, menuak, mugimendu txikiak.
    --dur-3 · 520ms
    Panelak, txartelak, agertzen diren oharrak.
    --dur-4 · 1100ms
    Agerpenak eta beren kabuz marrazten diren erreiak.

    07

    Ikonoak

    24 px-eko sareta, 1,75 px-eko marra biribilekin, ikurraren ondoan egoteko marraztua. Aplikazioak Lucide erabiltzen du; hauek webgunearenak dira. Egin klik ikono batean bere <use> kopiatzeko.

    08

    Grafoaren hizkera

    Hiztegi berak marrazten ditu aplikazioaren commit grafoa, bide-orria eta logoa. Erreiek kolore-ordena finko bat dute, beraz adar batek bere kolorea gordetzen du agertzen den leku guztietan.

    Grafoaren hiztegia: erreiak, commita, merge-a, bidean dagoen lana, HEAD-a eta erroaHEAD — betea eta distiratsua: non zauden// WIP — eraztun etena: oraindik commit gabemerge — puntu txiki betea helburuko erreancommit — bere erreiaren koloreko eraztunaplanifikatua — erreia etena (bide-orria)erroa — lehen commita, enborraren oinean

    09

    Osagaiak

    Webgunearen piezak, bakoitza tokenekin bakarrik egina. Aldatu aurrebista egunez ikusteko.

    Ref-ak
    mainfeature/graphorigin/mainorigin/experimentv0.4.0
    Txipak eta teklak
    BerriaMIT⌘P⇧⌘F
    Kodea
    $adar ~/code/shop
    Txartela
    Aurretitulua

    Txartel bat hazten da

    Gainazala, ertz fina eta goiko argi leun bat.

    10

    Ahotsa

    Hitz arruntak, esaldi laburrak eta gauzen benetako izena git-en. Esan zer gertatuko den gertatu aurretik.

    Bai

    • Egin merge: feature/login → main
    • Adar hau dagoeneko igota zegoen. Gordetzean urrunekoan berridatziko da.
    • Desegina: «Ezabatu experiment adarra»

    Ez

    • Exekutatu bateratze-eragiketa hautatutako erreferentzien gainean
    • Kontuz! Guztiz ziur zaude?
    • Ups! Zerbait gaizki atera da 😅

    11

    Istorioa

    Istorioa da Adar desberdin egiten duena. Euskaraz hitz bakar batek, adar-ek, izendatzen ditu zuhaitzaren adarra eta oreinaren adarra, eta git adar bat ere horrela hazten da. Webguneak basoko gau bat bezala kontatzen du, iluntasunetik egunsentira, eta kapitulu bakoitzak euskal hitz bat produktuaren zati batekin lotzen du.

    #EuskaraEsanahiaBasoanAdarren
    0GauahasieraAdarrak iluntasunetik hazten diraZer den Adar, deskarga
    IAdarizenaOreinaren adarra → zuhaitzaren adarra → git adarraZergatik du Adar izena
    IIEnborraaplikazioaBaso guztiak enbor batetik hasten diraAplikazioa eta bere commit grafoa
    IIIAdarrakezaugarriakAdarrak bereizi eta berriro elkartzen diraAdarrak, merge, rebase, staging
    IVEraztunakhistoriaZuhaitzak eraztun bat gehitzen du urtero eta denak gordetzen dituHistoria, blame, desegin; Adarren bertsioak eraztun gisa
    VSustraiakzure git-aSustraiek lurrean dagoena edaten duteZure git-a, zure gakoak, zure terminala
    VIEgunsentiadeskargaOreinak adarrak botatzen ditu eta handiagoak hazten zaizkioBertsioak eta deskarga
    VIIAuzolanakode irekiaAuzokideak denona denaren alde laneanKode irekia, bide-orria, laguntzea
    1. Istorioak markoa jartzen du, produktuak saltzen du. Basoko esaldi bat, eta gero Adarrek egiten duenari buruzko izenburu literal bat.
    2. Irudi egiazkoak bakarrik. Oreinek urtero botatzen dituzte adarrak, eta zuhaitzek urtero gehitzen dute eraztun bat. Basoan egia ez bada, ez da sartzen.
    3. Lehenik euskara, gero esanahia. Euskal hitzak serif etzanean, lang="eu" markarekin, eta ondoan orriaren hizkuntzako esanahia.
    4. Ez aldatu inoiz git-en izenik. Adarrek, commitek eta rebaseek beren izena gordetzen dute; metafora irudi-oinetan eta kapitulu-izenburuetan bizi da.
    5. Iradoki oreina. Haren adarrak nahikoa dira: ez marraztutako oreinik, ez hostorik, ez egur-testurarik interfazean.
    6. Gauetik egunsentira. Argia hazi egiten da istorioak aurrera egin ahala, eta deskarga egunsentian dago.

    12

    Deskargak

    Dena MIT lizentziapean dago, Adarren gainerakoa bezala. Erabili artikuluetan, hitzaldietan, fork-etan eta integrazioetan; ez aurkeztu, ordea, fork bat Adar ofizial gisa.