Ciemne tło siatki

Kontrast to wszystko

Na ciemnym polu zbyt jasne linie wyglądają jak klatka. Siatka ma być raczej odczuwana niż widoczna. Zacznij od linii kilka kroków jaśniejszej niż tło i rozjaśnij ją nieco, jeśli znika na Twoim ekranie.

Wiersz z retro terminalem jest celowo głośny. Jaskrawa zieleń na czystej czerni pasuje do gry albo estetyki hakerskiej, ale nie nadaje się jako baza pod długie teksty.

Przykład dla slajdu

Slajd 16:9 o rozmiarze 960 na 540 px z komórkami 30 px ma 32 kolumny i 18 wierszy, czyli 576 komórek. Oba wymiary dzielą się przez 30, więc nie pojawiają się częściowe kwadraty. Przy 1920 na 1080 px i komórkach 60 px dostajesz ten sam układ 32 na 18, tylko w podwójnym rozmiarze.

Uwagi dotyczące ciemnych tła

Cienkie linie mogą migotać na niektórych ekranach, gdy grubość obrysu jest ułamkowa. Grubość 1 jest zwykle najstabilniejsza. Jeśli Twoja strona przełącza się między jasnym i ciemnym trybem, wygeneruj po jednym SVG na każdy i podmieniaj je w swoim kodzie, ponieważ to narzędzie tworzy jedną stałą parę kolorów.

Jak tego użyć

Wklej SVG za treścią albo zapisz je jako plik. Kolor tła jest częścią SVG, więc kontener umieszczony na wierzchu powinien mieć własny kolor albo być przezroczysty. Generator rysuje górną i lewą krawędź każdej komórki, dlatego siatka nie ma zamykającej linii przy prawej i dolnej krawędzi płótna.

Dopasowanie reszty strony

Wybierz kolor tekstu, który zachowuje mocny kontrast z prawie czarnym polem, na przykład kość słoniową zamiast czystej bieli, która może oślepiać w ciemnym pokoju. Obramowania, karty i przyciski na siatce powinny używać tej samej rodziny szarego błękitu co linie, dzięki czemu siatka wygląda na część tej samej palety, a nie osobną teksturę.