Ulkoasuopas — värit, typografia ja varmuusasteet

Väripaletti

Warm Archive Shelf — lämpimät murretut sävyt, ei kylmää sinistä.

Cream#F6F0E6Sivun pohja

Paper#FCF8F1Kortit ja taulukot

Sand#EBE0CEKorostuspinnat, hover

Ink#352B22Teksti ja alatunniste

Clay#B4572DToiminnot ja linkit

Sage#7E8A63Vahvistettu tieto

Ochre#CE9A45Väitetty tieto

Clay ink#994926Clayn tekstiversio

Sage ink#5E674ASagen tekstiversio

Ochre ink#845E14Ochren tekstiversio

Clay, sage ja ochre ovat pintasävyjä. Pieni teksti käyttää aina niiden ink-versiota: clay jää cream-pohjalla lukemaan 4,27:1 ja sage 3,25:1, kun taas clay ink yltää 5,55:1:een ja sage ink 5,27:1:een.

Typografia

Fraunces display · Inter body

Display · Fraunces

Kultalilja

Otsikot, mallikoodit, numerot

Käytetään otsikkotasoilla h1–h3 ja korostetuissa arvoissa. Ei koskaan leipätekstissä.

Body · Inter

Leipäteksti on rauhallista ja väljää: enintään noin 70 merkkiä riville, riviväli 1,55. Metatiedot pienennetään hillitympään sävyyn, jotta väitteet erottuvat konteksteistaan.

Label-caps · pienet versaalit

Arkistomaiset kentännimet: harvennettu, versaali, 11 px.

Varmuuden merkinnät

Väri ei kanna merkitystä yksin — merkintä sanoo asian myös sanoin.

Ajoitus

Tarkka vuosi Vuosikymmenen tarkkuus Avoin aikaväli

Tarkka vuosi, vuosikymmenen tarkkuus tai avoin aikaväli. Merkintä on aina näkyvissä sekä listassa että tietosivulla.

Attribuutio

Vahvistettu Väitetty Ristiriitainen

Vahvistettu = useampi riippumaton lähde. Väitetty = yksi nimetty lähde. Ristiriitainen = lähteet eivät ole samaa mieltä, ja viivoitus kertoo sen ilman väriä.

Kuvan tila

Julkaisuluvallinen Paikanpitäjä Ei kuvaa

Kuvia on 1 170, joista yksikään ei ole vielä julkaisuluvallinen. Se sanotaan ääneen sen sijaan että kuva näytettäisiin ilman oikeutta.

Rajaukset

Kukka-aihe 1910-luku Kasvit ja kukat

Suodattimien merkinnät: aihe, teema, esinetyyppi, vuosikymmen.

Kuvatilat

Paikanpitäjä

Kuva on olemassa, julkaisuoikeutta ei.

Ei kuvaa

Kuvaa ei ole arkistossa.

Ei kuvaa arkistossa.

Puuttuva kuva on suunniteltu tila, ei rikkinäinen kuva. Jos julkaisuoikeutta ei ole, se sanotaan ääneen.

Ristiriita ja lähteet

Attribuutio · ristiriita säilytetään

Lähde AOlga OsolinKeramiikkasivusto

Lähde BThure ÖbergKirjallisuuslähde

Molemmat väitteet säilytetään. Tietokanta ei valitse puolta — aineistossa on 37 kirjattua suunnittelijaristiriitaa.

Lähteet · 3

Lähdelista on aina avattavissa siinä yhteydessä, jossa väite esitetään — ei erillisellä sivulla.

Asettelun periaatteet

Aika ensin

Vuosikymmenselkäranka toistuu hakemistoissa ja tietosivuilla samassa muodossa.

Skannattava identiteetti

Tietosivu alkaa nimestä, koodista ja ajoituksesta; kokovariantit tiheänä taulukkona.

Hillitty pinta

Pyöristys 14–20 px, ohut ink/12-raja, ei varjoja, liike vain hover-tasolla.

Typografinen asteikko

Fraunces display · Inter body

Taso	Määrittely	Käyttö
H1	`Fraunces 600, clamp(2.35rem, 5.5vw, 5.2rem)`	Sivun nimi, kerran per sivu
H2	`Fraunces 600, clamp(1.7rem, 3vw, 2.65rem)`	Osion otsikko
H3	`Fraunces 600, 1.25rem`	Kortin otsikko, mallikoodi
Body	`Inter 400, 1rem / 1.55`	Leipäteksti, enintään ~70 merkkiä
Meta	`Inter 400, .82rem, muted`	Selitteet ja kuvatekstit
Label	`.label-caps · .6875rem, .2em`	Kentännimet ja eyebrow
Mono	`tabular-nums, .76rem`	Koodit, mitat, hex-arvot

Tila ja rytmi

Sivupohja: min(1280px, 100% − 2.5rem), sama mitta joka sivulla.
Osioväli: 3,5 rem osioiden välissä.
Ruudukko: 1 rem korteille, 2 rem sarakkeille. Ei sisennettyjä poikkeuksia.
Pyöristys: 20 px pinnoille, 14 px sisäkkäisille, 999 px merkinnöille.

14 px

20 px

999 px

Pinnat ja rajat

Kortti · paper

Oletuspinta. Rajaus ink/12, ei varjoa.

Korostus · sand

Yhteenvedot ja hover-tilat. Käytetään säästeliäästi.

Käännetty · ink

Vain alatunniste ja yksittäiset ankkuriosiot.

Vuorovaikutus

Liike on hillittyä ja lyhyttä.

Linkit

Leipätekstissä alleviivaus ink/20, hoverissa clay. Ei väriä ilman alleviivausta.

Välilehdet

Aktiivinen tila alleviivataan. Ei laatikkoa, ei täyttöväriä.

Siirtymät

Värisiirtymä 150 ms. Ei skaalauksia, ei liukuja, ei sisääntuloanimaatioita.

Saavutettavuus

Kontrasti: ink cream-pohjalla on 12,2:1 ja muted 6,3:1. Pieni teksti käyttää ink-variantteja (clay ink 5,6:1, sage ink 5,3:1, ochre ink 5,2:1), jotta 4,5:1 täyttyy. Vaaleimmat sävyt on varattu vain versaalilabeleille, ei leipätekstille.

Väri ei koskaan kanna merkitystä yksin: varmuusaste kerrotaan myös sanoilla ja ristiriita viivoituksella.

Näppäimistöfokus säilyy näkyvänä; focus-visible käyttää clay-väristä reunusta.

Puuttuva kuva on tekstillinen tila, ei rikkinäinen alt-attribuutti.

Sävy ja sanasto

Näin

”Ajoitus 1910-luku, hinnasto 1913.”
”Attribuutio väitetty, yksi lähde.”
”Kuvaa ei ole arkistossa.”

Ei näin

”Harvinainen keräilyhelmi!”
”Todennäköisesti arvokas.”
”Kuva puuttuu (virhe).”

Kieli on kuvailevaa, ei myyvää. Arkisto kertoo mitä lähde sanoo ja kuka sen sanoi — ei mitä esine on arvoltaan.

Arkiston visuaalinen kieli