Przewodnik po marce

Znak Anfang

Jedna kanoniczna geometria, jeden ciepły akcent i logotyp, który nie wchodzi w drogę. Tak zbudowana jest marka — i tak utrzymasz jej spójność.

Logo

Pełna wersja łączy znak z logotypem „Anfang.”. W ciasnych miejscach używaj samego znaku, a na niespokojnych lub jednokolorowych powierzchniach — wariantu monochromatycznego.

AnfangAnfang.Pełne logo
AnfangSam znak
AnfangAnfang.Monochromatyczny

Konstrukcja — „A jako portal”

Znak to litera A, której poprzeczka otwiera się w łuk portalu — narysowana na jednej siatce 96 jednostek, dzięki czemu odstępy pozostają symetryczne w każdym rozmiarze.

Anfang
  • Siatka: 96 × 96 jednostek
  • Wierzchołek: 48 / 18
  • Stopy: 20 / 78 i 76 / 78
  • Łuk portalu: cięciwa 34 → 62, z dala od ramion
  • Margines wewnętrzny: ~14u, wyważony ze wszystkich stron
  • Kreska: 7u regular · 10,5u bold (≤24px)
  • Litera A podąża za currentColor; łuk nosi stały akcent Sunrise

Kolor

Sunrise znaczy dokładnie to — wschód słońca: początek dnia, początek dnia pracy, ten początek, od którego pochodzi nazwa Anfang. Każdy dzień pracy zaczyna się od Anfang. Jako stały akcent marki głównej — łuk, kropka logotypu, poświata — pozostaje niezmienny nawet wtedy, gdy tenant ustawi własny kolor --brand.

Sunrise

--sunrise

#FF8A3D

Sunrise Deep

--sunrise-deep

#FF7A2F

Sunrise Light

--sunrise-light

#FFD27A

Spectrum

text-gradient / bg-spectrum

accent 1–3

Sunrise (--sunrise) to akcent należący do marki, niezależny od tokenu --brand poszczególnych tenantów — dzięki temu znak Anfang pozostaje wierny marce na każdej powierzchni white-label.

Typografia

Geist w całym produkcie — zagęszczony tracking w nagłówkach, regularna grubość w tekście.

Anfang

Zaczynaj tu każdego ranka.

Geist · regular · medium · semibold

Czego nie robić

Kilka zasad, dzięki którym znak pozostaje rozpoznawalny.

  • Nie przebarwiaj łuku portalu — zawsze jest w kolorze Sunrise (lub mono).
  • Nie rozciągaj, nie obracaj ani nie pochylaj znaku.
  • Nie dodawaj do znaku cieni, gradientów ani obrysów.
  • Nie zagęszczaj otoczenia — zachowaj wbudowane pole ochronne.
  • Nie odtwarzaj geometrii ręcznie — użyj komponentu AnfangMark.
  • Nie zmieniaj kroju pisma logotypu.