Flying Papers
Cumartesi Sabahı Çizgi Filminde Bir İtiraf
Flying Papers, kalın risograf kağıdına basılmış bir Cumartesi sabahı çizgi filmi gibi çalışıyor: düz, soluk mor bir sahne, doygun, konfeti benzeri renklerin serpiştirilmesi ve görüntüleme alanını kaplayan çok büyük yazı tipi. Markalaşma gürültülü, cesur ve tavizsiz; dikkat çekmeyi talep etmiyor, aksine dikkati kendine çekiyor. Her ekran, tek bir cesur poster gibi hissettirmek üzere tasarlanmış: baskın bir başlık, bir karakter illüstrasyonu, metinde bir eylem ve bol miktarda beyaz alan. Çerçeveler, gölgelerin yerini alarak işin büyük kısmını yapıyor; renk, veri değil, boya olarak kullanılıyor. Yüzeyler düz kalıyor, kenarlar 6 pikselde keskin tutuluyor ve sistemdeki tek yumuşak nokta, çıkış düğmesindeki 100 piksellik hap.
Genişlik sınırlaması olmayan tam ekran poster düzenleri. Her ekran, görüntü alanının boyutunda tek bir kompozisyondur: ortalanmış veya sola hizalanmış, devasa, açıkça değişken bir başlık, metni örten tek bir maskot illüstrasyonu ve altında küçük bir satır içi eylem. Bölümler açık ve koyu renkler arasında geçiş yapmaz; tüm sayfa, düz renkli kartlarla kaplanmış, Alacakaranlık Moru bir tuval üzerine yerleştirilmiştir. Navigasyon, menü çubuğu olmayan, ortalanmış tek bir logodur. Kartlar, geniş boşluklarla gevşek bir 2-3 sütunlu düzende düzenlenmiştir; kart boyutları, tekdüze olmaktan ziyade içeriğe göre belirlenir. Yoğunluk aşırı derecededir: mor nefes alma alanı ile çevrili, ekran başına bir fikir.
Sadece illüstrasyonlar; fotoğraf, 3 boyutlu render veya soyut gradyanlar yok. Görsel dil, kalın siyah konturlar (2-3 piksel), 2-3 renkten oluşan düz dolgular ve gölgelendirme içermeyen, elle çizilmiş bir çizgi film tarzıdır. Karakterler, yazı tipiyle etkileşim kuran (harfin üzerine bakan, ona yaslanan veya üzerinde duran) maskotlardır. İkonlar, 1,5-2 piksel çizgi genişliğinde siyah (Pure) veya beyaz (Bone) çizgilerle çizilmiştir. Görseller öncelikle dekoratif bir atmosfer yaratır, asla açıklama yapmaz; yazı tipi mesajı, karakter ise ruh halini iletir.
Palet
Marka
- Dusk Violet
#8584bd— Ana tuval ve ana arka plan, diğer tüm renklerin ortaya çıktığı sahnedir. - Hi-Vis Yellow
#f4ed36— Sarı renk, eylem özetlerini, bağlantı etiketlerini ve etkileşimli öğeleri vurgulamak için kullanılır. Eylem çağrıları için birincil renk olarak kullanılmamalıdır. - Buttery Yellow
#f9cc73— Ekrana eklenen metin ve daha yumuşak kenarlar, yansıtıcı rengin aşırıya kaçacağı durumlarda daha incelikli bir görünüm sunar. - Lilac Shadow
#61609a— Kart ve blok arka planları, mor bir sahne üzerindeki iç içe geçmiş yüzeyler için daha koyu bir mor tonundadır.
Doğal
- Bubblegum Pink
#f8c1ba— Dekoratif bordürler ve konfeti detayları, canlı bir renk katmak için ölçülü bir şekilde kullanılan sıcak pembe tonlarından oluşmaktadır. - Matcha Cream
#b5c995— Dekoratif kenarlar ve konfeti detayları, kartın yardımcı karakterlerine soluk yeşil bir ton kazandırıyor. - Magenta Punch
#ac4f98— Vurgu kartları için ek yüzey - sahneden daha yüksek ses çıkarması gereken efekt blokları için tasarlanmıştır. - Firecracker Red
#c94245— Arka planı vurgulamak için kırmızı dolgu, dekoratif çizgiler ve içeriğin arkasında yumuşak bir vurgu kullanılmıştır. - Bone White
#f9f5f2— Açık renkli yüzeylerde ince kenarlıklar, ayırıcılar, giriş alanı çerçeveleri ve kart kenarları için bu rengi kullanın. Harekete geçirici düğmeler için ana renk olarak bu rengi kullanmaktan kaçının. - Ink Black
#1a1a1a— Ana metin, ana kenarlıklar ve düğme çerçeveleri, krem rengi yüzeylerde tipografik çalışmalar için kullanılan neredeyse siyah bir renktir.
Tipografi
10 ila 341 piksel arası · 8 adım
- ObviouslyVariable — yenisiyle değiştirme: Founders Grotesk Condensed · ana hatlar 800, 900 · Başlıklar ve büyük baskılar için tasarlanmış bu yazı tipi ailesi, bu sistem için yeterince dikkat çekici olan tek yazı tipidir. Boyutlar, gövde metni için 18 pikselden poster gösterimi için 341 piksele kadar değişmektedir. 0,80–1,00 arasındaki dar satır aralığı, çok satırlı başlıkların düz renk blokları olarak görüntülenmesini sağlar; Calt işlevi devre dışı bırakılmıştır, bu nedenle geniş geometrik şekiller süssüz kalır. Alternatifler: Founders Grotesk Condensed, Knockout veya Druk Wide.
- DegularVariable — yenisiyle değiştirme: Inter · ana hatlar 400 · Ultra küçük kullanıcı arayüzü metni—gezinti, altbilgi mikro metinleri ve satır içi etiketler 10 piksel boyutunda. Gövde metniyle kusursuz bir şekilde bütünleşen, nötr ve çok yönlü bir yazı tipi. Alternatifler: Inter, IBM Plex Sans.
- bergen_monoregular — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400, 600 · Gezinti, etiketler ve küçük veri etiketleri için kullanılan tek aralıklı mikro yazı tipi, yuvarlak ekran üzerinde daktilo ritmi oluşturur. Tek aralıklı yazı tipindeki 0,80 satır aralığı ayırt edici bir özelliktir: sıkıca yerleştirilmiş tek aralıklı bir yazı tipi, bir fiş gibi hissettirir. Alternatifler: JetBrains Mono, IBM Plex Mono.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 17px |
| Düğme yarıçapı | 100px |
| Kart yarıçapı | 6px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 40px |
Yapay zeka, web sitenizi Flying Papers tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Navigate — Bir panoya yapıştırılmış büyük bir çıkartma seti: büyük, grotesk bir yazı tipi, hepsi tablet şeklinde ve bir logo gibi tekrarlanan beş çok renkli simge.
- Hatch — El çizimi, samizdat tarzı bir tasarım, pastel renkli şeker kaseleriyle harmanlanmış. Krem rengi kağıt üzerine nane tonları, konfeti noktaları ve hap şeklinde eylem çağrıları yerleştirilmiş; büyük, kalın serif yazı tipi eğlenceyi ima ederken, köşede mavi bir maskot göz kırpıyor.
- Wonder — Neon moru komuta merkezi, tek bir lazer moru ışık kaynağıyla delinmiş koyu erik rengi bir karanlıktır.
- Duolingo — Beyaz kağıt üzerinde neşeli sınıf maskotu
- Family — Krem rengi parşömen kağıdı üzerine bir peri masalından bir sayfa.
- Visitors — beyaz mühendislik çizimi
- Say Briefly — Krem rengi kağıda hazırlanmış yaratıcı ajans eskiz defteri.
- Superpower — Biyolüminesans Sağlık Yönetim Merkezi
- Dopper — Güneşin aydınlattığı, kremsi bir lagün ve canlı mavi bir akıntı. Tek bir parlak mavi kanalın ve kristal berraklığında, şeker gibi berrak su kristallerinin, su üzerindeki güneş ışığı gibi alanı kestiği sıcak, bej bir alan.
- Dock — Güneş Işığıyla Aydınlatılmış Krem Kağıt, Kobalt Darbesi
- Portrait — Krem rengi kağıda Polaroid fotoğraflarla yakalanmış bir anılar duvarı. Koyu mavi mürekkebin tek metin, tek yapı çizgisi ve tek çerçeve rengi olarak kullanıldığı, parlak krem rengi bir anı defteri; "Kayıt Ol" düğmesinde ve italik yazılmış "sonsuza dek" kelimesinde yalnızca bir kez görünen ve bir daha asla tekrarlanmayan tek bir el çizimi gökkuşağıyla.
- Quizlet — Sınıf, beyaz bir arka plana karşı çeşitli renklerle dekore edilmiş; sessiz bir sıra, arkasında dört pastel kart, soğuk gri duvarlar ve çivit mavisi bir kalemle yapılmış tek bir işaretin oluşturduğu fonun önünde tek parlak vurguyu oluşturuyor.