Nezávislý almanach · SK / CZ
Medicinálne huby. Bez mýtov.
Reishi, korálovec, čaga a ďalšie. Tradícia aj veda, podané zrozumiteľne a s poctivými zdrojmi.
Dizajn manuál · v0.1
Od wireframu k vizuálu
Pokoj, papier a príroda pod lupou. Web preberá svet obalov: krémový podklad, bridlicové písmo, tlmené páry farieb a halftónové textúry húb. Všetko nižšie je živé UI postavené na Tailwind tokenoch z app.css.
Značka
Logo a odznaky
Slovné logo v kapitálkach. Monogram TQA a samotné Q slúžia ako favicon, avatar a pečiatka na obale.
Varianty
Alchemyst
Quiet
Alche
myst
QA
Q
A
Pravidlá
Ochranná zónaOkolo loga voľný priestor aspoň výšky písmena Q.
MinimumSlovné logo 120 px na šírku. Pod tým monogram Q.
PodkladPapier alebo Bridlica. Na textúre len vo vnútri kruhu alebo štvorca.
Farby
Papier, bridlica a tri páry
Dve základné farby nesú celý web. Páry z obalov (tmavý + svetlý tón) sa používajú vždy spolu: v textúrach, fotkách a štítkoch tém. Klik na farbu skopíruje HEX.
Základ
Páry
Spánok, stres, trávenie. Tradícia a pôvod.
Pamäť, sústredenie, longevita. Výskum a štúdie.
Imunita, energia. Jediný akcent pre odkazy a hover.
Tailwind: paper, slate, earth / earth-light, sage / sage-light, rust / rust-light.
Pomer na stránke
Kontrast (WCAG 2.2)
| Kombinácia | Pomer | Použitie |
|---|---|---|
| Bridlica na Papieri | 11.6 : 1 | AAA · všetko |
| Hrdza na Papieri | 5.1 : 1 | AA · odkazy, akcent |
| Papier na Hrdzi | 5.1 : 1 | AA · tlačidlo |
| Bridlica na Hrdzi sv. | 6.7 : 1 | AA · štítky |
| Bridlica na Šalvii | 5.4 : 1 | AA · štítky |
| Papier na Zemi | 4.0 : 1 | Len veľký text 24 px+ |
| Papier na Šalvii | 2.1 : 1 | Nepoužívať na text |
Typografia
Plantin pre hlas, Aspekta pre fakty
Serif nesie nadpisy, citáty a latinské názvy húb. Grotesk nesie text, UI a štítky v štýle etikety.
Škála
Textúry a foto
Halftón v dvoch tónoch
Textúry z obalov sú masky, takže sa prefarbia do ľubovoľného páru. Fotky húb dostanú rovnakú úpravu: duotón s rastrom. Celý web tak drží spolu aj s rôznorodými fotkami.
Knižnica textúr · <x-texture>
Fotky a tvary
Základné prvky
Tlačidlá, polia, filtre
Plné zaoblenie pre všetko klikateľné, ostré rohy pre obsah. Hover pridáva hrdzu, nič iné nebliká.
Tlačidlá · <x-button>
Polia
Filtre, štítky, účinok
Komponenty
Bloky homepage
Sekcie z wireframu v cieľovom vizuáli. Každá huba má pevne priradený pár farieb a textúru.
Karta huby
Reishi
Ganoderma lucidum
Hericium
Hericium erinaceus
Čaga
Inonotus obliquus
Cordyceps
Cordyceps militaris
Témy
Karta článku
CTA pás
Nový v hubách
Všetko podstatné na jednom mieste, za 12 minút.
Čo sú medicinálne huby, ako vybrať kvalitný extrakt a kedy byť opatrný.
Začni tuManifest
Tradícia nás privedie k otázke. Veda k odpovedi. Obe si zaslúžia rešpekt.
Články nepredávajú. Žiadne affiliate odkazy ani produktové tlačidlá v edukačnom obsahu.
Kľúčové tvrdenia opierame o výskum a pri každom článku uvádzame zdroje.
Obsah kontroluje menovaný odborník. Pri každom článku vidíš, kto ho napísal a kto overil.
Newsletter
Jedna štúdia, jedna huba, raz za dva týždne.
Bez reklám a bez zázračných sľubov. Odhlásiš sa jedným klikom.
Štítok etikety (most medzi obalom a webom)
The Quiet
Alchemyst
Liquid extract 100 ml
33 dávok