Wydanie 2026
Kolofon
Jak powstaje ten rejestr: dwa kroje, którymi jest złożony, kolory, które nosi w dzień i w nocy, oraz zasady, których się trzymamy, każda z uzasadnieniem.
2 228 083 ogłoszenia z 62 źródeł, ostatnie pobranie 24 minuty temu.
Krój
Dwa kroje, dwa zadania
Fraunces
Undercase Type (Phaedra Charles i Flavia Zimbardi), 2020. SIL Open Font License 1.1.
Przetargi publiczne Europy w jednym rejestrze.
Fraunces mówi. Składa każdy tytuł strony, znaki sekcji i jedną liczbę, o której jest strona. To krój zmienny o czterech osiach i każda ma tu swoje zadanie.
- wght Grubość
- 100-900
- Cienka dla liczb, zwykła dla nagłówków, półgruba dla tytułów.
- opsz Rozmiar optyczny
- 9-144
- Ustawia go przeglądarka według rozmiaru: w nagłówku cienkie kreski chudną, w podpisie kreski grubieją.
- SOFT Miękkość
- 0-100
- Zaokrągla zakończenia: 30 dla nagłówka strony głównej, 50 dla głównych liczb, 100 dla wyróżnienia w nagłówku.
- WONK Wonk
- 0-1
- Pochylone h, m i n, które Fraunces rysuje w dużych stopniach. Ustawione na 0: rejestr stoi prosto.
Inter
Rasmus Andersson, od 2016. SIL Open Font License 1.1.
0123456789 Aa Gg Rr 4 6 & €
Inter pracuje. Składa interfejs, etykiety, tabele i każdą liczbę czytaną w kolumnie, gdzie cyfry muszą stać równo.
- wght Grubość
- 100-900
- Zwykła do czytania, półgruba dla etykiet i tytułów, gruba dla tych kilku słów, które mają zatrzymać wzrok.
- tnum Cyfry tabelaryczne
- Każda cyfra tej samej szerokości, żeby kolumnę kwot dało się zsumować wzrokiem.
Kolor
Mediterrània w dzień i w nocy
Cztery kolory Morza Śródziemnego: głębia morza, woda, niebo i słońce. Wszystko inne to para, jedna wartość na dzień i jedna na noc, zapisana raz. Cała witryna przełącza się jedną właściwością, więc żadna strona nie może zostać zapomniana w ciemności.
Cztery, które się nie zmieniają
-
Głębia morza
brand-950 #023047
Tło każdego ciemnego bloku i atrament na złocie.
-
Woda
brand-500 #219ebc
Znak sekcji i obwódka fokusu.
-
Niebo
brand-300 #8ecae6
Wyróżnienie w nagłówku i odcienie mapy.
-
Słońce
sun-400 #ffb703
Działanie, nowość i zwycięzca. Zawsze niesie ciemny atrament.
Pary
Wartości cytowane z arkusza stylów w takiej postaci, w jakiej jest serwowany.
-
Papier paper
Tło. Ciepła złamana biel z ziarnem, którego trzeba szukać; w nocy ziarno znika.
- Dzień
- oklch(98.2% 0.006 85)
- Noc
- #0b1720
-
Arkusz surface
Karta albo panel: arkusz na biurku, nigdy białe pudełko na białej ścianie.
- Dzień
- #ffffff
- Noc
- #102430
-
Atrament slate-900
Nagłówki i tekst, który się czyta.
- Dzień
- oklch(20.8% 0.042 265.755)
- Noc
- #ecf3f6
16,9:1 w dzień, 16,1:1 w nocy
-
Drugi atrament slate-500
Uwagi, daty i podpisy. Nic jaśniejszego nigdy nie służy do tekstu.
- Dzień
- oklch(55.4% 0.046 257.417)
- Noc
- #8aa4b2
4,7:1 w dzień, 6,0:1 w nocy
-
Link brand-700
Słowa, za którymi można pójść.
- Dzień
- #136880
- Noc
- #56b4d4
6,3:1 w dzień, 6,7:1 w nocy
-
Słońce jako atrament sun-700
Złoto dość małe, by być tekstem: data w nagłówku wydania, ważna zmiana.
- Dzień
- #a35a00
- Noc
- #f9b24a
5,2:1 w dzień, 8,7:1 w nocy
-
Linia włosowa hairline
Jedyna linia między wierszami. Tylko linia otwierająca rejestr jest grubsza.
- Dzień
- rgb(2 48 71 / 0.1)
- Noc
- rgb(236 243 246 / 0.13)
Zasady
Zasady, których się trzymamy, i dlaczego
-
Jedna karta, jeden przycisk, jedno pole, jedna linia, jeden hover.
Witryna dorabia się szóstego wariantu wszystkiego, funkcja po funkcji. Spisanie słownika jest tym, co to zatrzymuje.
-
Złoto zawsze niesie ciemny atrament.
Głębia morza na słońcu czyta się przy 7,9:1. Biel na słońcu miałaby 1,7:1 i nikt by jej nie przeczytał.
-
Każdy kolor ma wartość nocną.
Zapisuje się go raz, jako parę, więc ciemne wydanie nigdy nie jest dopisane na koniec.
-
Nic na pierwszym ekranie nie wjeżdża z animacją.
Strona, która chowa to, co już narysowała, każe czytelnikowi czekać na nic.
-
Wszystko działa bez skryptu.
Skrypt tylko dodaje. Wyszukiwarka, wolny telefon i uważny czytelnik dostają całą stronę.
-
Liczba prowadzi do listy, którą liczy.
Liczba, której nie da się sprawdzić, jest opinią.
-
Każde ogłoszenie prowadzi do swojego oficjalnego źródła.
To rejestr cudzych dokumentów. Oryginał jest o jedno dotknięcie dalej i nigdy nie przepisujemy tego, co mówi.
-
Kciuk potrzebuje 44 pikseli.
Każdy element sterujący w telefonie ma co najmniej tyle wysokości, a każde pole jest złożone w 16 pikselach, żeby telefon nigdy go nie powiększał.
Materiały
Z czego jest zrobiony
- Kroje
- Fraunces i Inter, oba na licencji SIL Open Font License 1.1, serwowane z tej witryny.
- Ikony
- Phosphor Icons, licencja MIT, jedna rodzina w grubości, której wymaga każde zadanie.
- Flagi
- flag-icons autorstwa Panayiotisa Lipiridisa, licencja MIT, uproszczone tam, gdzie herb byłby nieczytelny.
- Dane
- Oficjalne źródła, najpierw TED. Każde z nich jest wymienione wraz z licencją w dokumencie Nota prawna.
- Wykonanie
- W Barcelonie, w sześciu językach. Ta strona opisuje wydanie 2026.