
Superpower
Biyolüminesans Sağlık Yönetim Merkezi
Superpower, sinematik ve atmosferik bir kullanıcı arayüzünde ciddi bir klinik vaadi somutlaştırıyor: koyu, tam genişlikte fotoğraflar, net beyaz içerik yüzeylerine sorunsuz bir şekilde geçiş yaparken, sistem boyunca tek bir canlı gün doğumu turuncusu vurgusu titreşiyor. Tipografi, markayı temsil ediyor; minimal negatif harf aralığına sahip, imzası niteliğinde geometrik bir sans-serif yazı tipi, meta veriler için 11 pikselden ekran için 66 piksele kadar ölçekleniyor ve boyut arttıkça satır aralığı daralıyor (ekran için 1.00, gövde metni için 1.40–1.50). Görüntülerin üzerinde yüzen, koyu, kapsül şeklinde bir gezinme çubuğu yer alıyor ve kapsül şeklindeki eylem çağrıları, klinik hassasiyet ile sıcak, canlı enerji arasında bir gerilim yaratıyor. Yüzeyler büyük ölçüde düz; sistem, güçlü bir yükselti yerine bol miktarda beyaz alan, ince çinko ayırıcılar ve tek, ince bir gölge deseni kullanıyor. Renkler az kullanılıyor: neredeyse her şey siyah, beyaz veya çinko grisi; turuncu ise yalnızca eylemlerde ve markalamada işlevsel noktalama işaretleri olarak görünüyor.
Ana görsel, derin turkuaz-mavi bir gökyüzüne karşı bir kişinin silüetini gösteren, tam genişlikte sinematik bir fotoğrafla domine ediliyor; görsel, sağlık vaadiyle tezat oluşturmak ve duygusal ağırlık yaratmak için kasıtlı olarak karanlık ve kasvetli bir atmosfere sahip. İkincil görseller, yaşam tarzı fotoğrafçılığından ziyade dar, sade ürün tarzı çekimlerdir (mermer desenli turuncu üyelik kartı, uygulama ekran görüntüleri). Hiçbir illüstrasyon, 3D render veya soyut grafik yok; fotoğrafik kontrast, görsel kimliği oluşturuyor. Üyelik kartı, tek dekoratif görsel unsur olan, gün doğumu tonlarında organik bir mermer deseni/lav lambasıyla süslenmiştir. Simgeler, ince siyah karbon çizgileriyle 7,5 piksel çizgi yarıçapına (yumuşak yuvarlak kareler) sahiptir.
Palet
Marka
- Sunrise Coral
#fc5f2b— Turuncu, dekoratif detaylar için ikincil bir vurgu rengi olarak ve nadir görülen ipuçlarını öne çıkarmak için kullanılır. Eyleme geçme çağrıları için birincil renk olarak kullanılmamalıdır. - Coral Glow
#ff8b64— Üyelik kartlarının dekoratif tasarımı için degrade uç noktası ve Sunrise Coral renginin birleşimi.
Doğal
- Carbon Black
#18181b— Ana metin, kayan gezinme çubuğu dolgusu, başlıklar, simge çerçeveleri. - Pure Black
#000000— Logo, metin işareti, yüksek kontrastlı çerçeveler. - Zinc Gray
#71717a— Ana metin, ek açıklamalar, gizli meta veriler, yardımcı metin. - Ash Gray
#a1a1aa— Üçüncül metin, etkin olmayan sınırlar, devre dışı bırakılmış durumlar - Mist Gray
#e4e4e7— İnce kenar çizgileri, kart çerçeveleri, bölme çizgileri, düğme çerçeveleri. - Fog Gray
#f4f4f5— Yüzeydeki ince düzensizlikler, soluk arka plan, ağ taban üzerine bindirilmiş görüntü.
Tipografi
11 ila 66 piksel arası · 8 adım
- NB International Pro — yenisiyle değiştirme: Inter Tight · ana hatlar 400, 700 · Tasarım, başlıklar, metin, kullanıcı arayüzü ve gezinme dahil her şey kusursuz bir şekilde entegre edilmiştir. İmza çözümü, boyuta bağlı olarak ölçeklenebilen (küçük metinler için -0,025em'den 66 piksele kadar) son derece dar negatif harf aralığı ve boyut arttıkça sıkışan satır aralığının birleşimidir; bu da başlıklara, Superpower'ı tıbbi teknoloji alanındaki hafif rakiplerinden ayıran, yekpare, poster benzeri bir yoğunluk kazandırır.
- NB International Mono Pro — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400 · Tablo halindeki meta veriler, mikro metin açıklamaları ve teknik etiketler, klinik/enstrümantal bir yaklaşım gerektiren durumlarda nadiren kullanılır.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 11px |
| Düğme yarıçapı | 9999px |
| Kart yarıçapı | 15px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 75px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Superpower 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
- Visitors — beyaz mühendislik çizimi
- Dock — Güneş Işığıyla Aydınlatılmış Krem Kağıt, Kobalt Darbesi
- Flying Papers — Cumartesi Sabahı Çizgi Filminde Bir İtiraf
- 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.
- ON.energy — Midnight Steel'de sarı yüksek voltaj uyarı işareti.
- 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.
- Linear — gece yarısı hassas aleti
- Pop Site — Çarpıcı bir tipografik galeri – beyaz duvarlar üzerinde yüzen anıtsal siyah başlıklar ve niyeti ifade eden tek bir mavi nokta.
- Hyperstudio — Tasarım obsidyene kazınmıştır. Metin ve ince çizgiler, saf siyah beyaz bir alanı çerçevelerken, arada sırada altın rengi pusula işaretleri yolu gösterir.
- Pa'lais — Balda ıslatılmış gibi duran bir botanik çizim defteri. Krem rengi kağıt, mavi toile de Jouy desenli çizimler ve sıcak renk tonları el yapımı bir yemek kitabı izlenimi verirken, kalın, yoğun bir yazı tipi ve bol beyaz alan ona modern, editoryal bir hava katıyor.
- Raus — Krem rengi kağıda yazılmış, samimi bir günlük; her sayfası ormandan bir kartpostal gibi.
- Privy — Mermer üzerine mürekkeple çizilmiş bir başyazı. Beyaz mermer tuval, sıkıca sıkıştırılmış siyah serif başlıklar, üstten geçen tek bir mor şerit—kısıtlama otorite olarak.