Seline Analytics
Тивка аналитичка табела на топла хартија
Селин е поставен на топла камена позадина (#fafaf9) со еден жив син акцент - сите други бои се неутрални и се извлечени од палетата на бои на каменот Tailwind. Насловите се рендерирани во прилагодено дизајниран геометриски sans-serif фонт (roobert) со тежина од 400 и тесен негативен растојание помеѓу буквите, давајќи му на текстот лежерна, речиси шепотечка самодоверба што е во контраст со типично гласниот SaaS стил. Површините на корисничкиот интерфејс се рамни бели картички, кои лебдат над топлата позадина со едно, меко замаглување од 16px; границите се создадени со тенки линии во камена нијанса од 1px, великодушно употребени како примарен структурен елемент наместо тешки разделувачи или панели. Распоредот дише: содржина со целосна ширина центрирана на дарежлив вертикален ритам, со интерактивни контроли во форма на апчиња, илустрација на маскота за личност и снимки на екранот на контролната табла како доказ за производот. Целокупниот впечаток е уреднички аналитички: смирен, монохроматски, самоуверен, со синиот повик за акција како највпечатлив елемент на страницата благодарение на намерното ограничување на сè друго.
Страницата е со максимална ширина, центрирана на приближно 1200px со многу вертикален простор. Херојот е блок од текст во два реда, порамнет лево со една, обележана фраза („едноставно и ефикасно“) во сина боја, проследено со ред со два повици за акција (сина пилула + пилула-дух), потоа ред логоа на партнери во сива скала, потоа ред оценки за доверба, а потоа преглед на лебдечка контролна табла со целосна ширина, малку преклопувајќи го следниот дел. Под превитката се наизменични редови со сведоштва во мрежа со една колона, проследени со делови со целосна ширина со описи на карактеристики, текст порамнет лево и центрирани визуелни елементи на производите. Навигацијата е минималистичка горна лента - лого лево, центрирани врски за навигација, најавување + син повик за акција десно - со лебдечки кластер аватари во средината на навигацијата што служи како верификација на идентитетот. Просторите помеѓу деловите се широки (96px) за да се создаде уреднички ритам, а не густа мешавина од информации.
Визуелниот јазик е доминиран од снимки на екранот од корисничкиот интерфејс на производот - прегледот на контролната табла е фотографија рендерирана со филтер за контраст во сива скала (1) (0,94), кој ги пригушува боите на податоците во монохроматска нијанса. Единствената човечка фигура е линеарна налепница од маскота (лик со качулка), нацртана во SVG стил само со контури, поставена еднаш по дел како разигран контрапункт на аналитичката содржина, со мека сенка за да се создаде ефект на длабочина сличен на налепница. Логото на брендот и глифовите се мали црни искри/пламени. Нема фотографии - нема снимки од животниот стил, нема тимски фотографии, нема слики од животната средина. Објектот (контролната табла) е протагонистот. Сите декоративни икони се во стил на контура од 1px во #0c0a09 или #3ba6f1, никогаш не се пополнети.
Палета
Бренд
- Cyan Signal
#3ba6f1— Главниот повик за акција, активните линкови и контурите на иконите на брендот се единствените акценти во боја на страницата, кои се користат ретко за да се привлече вниманието кон акцијата. - Cyan Edge
#3398e1— Сината боја се користи за означување на контури на дејства, етикети на врски и интерактивни елементи. Не треба да се користи како примарна боја за повици за акција.
Неутрално
- Ink Black
#0c0a09— Главните наслови, означениот текст во телото и експресивните икони се во топла, речиси црна боја. - Stone Canvas
#fafaf9— Позадината на страницата е во топла, кремаста нијанса што наликува на хартија, а не на белата боја на екранот. - Pure White
#ffffff— Површините на мапата, испакнатите панели и пополнувањата на полињата за внесување се рамни и без сенка по дифолт. - Stone Border
#e8e6e5— Тенките рамки на картичките, навигацијата и полињата за внесување се примарен структурен елемент, а не сепараторите. - Stone Muted
#d6d3d1— Дополнителни рамки, суптилни нијанси на позадина, декоративни прегради. - Ash Gray
#a8a29e— Текст за помош, контури на икони, состојби на оневозможување - читливи, но неактивни.
Типографија
од 10 до 52px · 5 чекори
- Roobert — замена: Inter Tight or Satoshi · контури 400, 500 · Фонтот за наслови и распоред на текст е уникатен геометриски sans-serif со минимален растојание помеѓу негативните букви (-0,025em на 32px, -0,021em на 52px). Тежината од 400 x 52px е препознатлив знак на фонтот: неконвенционален, суптилен, но авторитативен, но сепак дискретен. Насловите го заземаат своето место без да бидат претерани.
- Inter — замена: Inter · контури 400, 500, 600 · Примарниот фонт за текст во телото, навигација, кориснички интерфејс и наслови е неутрален, универзален фонт за целиот текст надвор од екранот. 14px со тежина од 400 и растојание меѓу редовите од 1,64 е доминантната големина за текст во телото (фреквенција 1174). Позитивното растојание меѓу буквите (0,004em) при мали димензии обезбедува читливост на густиот кориснички интерфејс.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | простран |
| Основен чекор | 8px |
| Радиус на копчето | 9999px |
| Радиус на картичката | 10px |
| Сенки | меки сенки |
| Помеѓу деловите | 96px |
| Ширина на страницата | 1200px |
Вештачката интелигенција ќе ја изгради вашата веб-страница во стилот Seline Analytics и ќе ја пополни
- Пополнете со производи и објави преку линкот - Instagram, TikTok, Facebook.
- Пренесете содржина од вашата стара страница - само наведете ја адресата.
- Модерен дизајн на најдобриот мотор: React ( Next.js) со рендерирање на серверот и SEO оптимизација веднаш.
- Целосно автоматизирана SEO оптимизација за резултати од пребарување и препораки за невронски мрежи.
Слични стилови
- ElevenLabs — Фото есеј во топли крем тонови со суптилни наслови. Тетратка во стилот на Баухаус - хартија во боја на лушпа од јајце, црно мастило и еден виолетов и портокалов акцент за прикажување на производот.
- Awesomic — Уредничка цинкова мрежа со портокалови интерпункциски знаци што потсетуваат на конфети
- Monad — уредничко техничко списание на топол пергамент
- Dub — Контролна табла од мат оризова хартија на Link
- Notion — Топла хартиена тетратка на пладневното сонце
- Anthropic — Научно теренско списание за топол пергамент - мирни површини во боја на слонова коска, серифирани уреднички наслови и еден акцент од глина што се појавува само кога е потребна акција.
- Calendly — Темно сино мастило на ладен мермер
- Augen Pro — Белата презентација на Apple содржи клиничка, бестежинска, електрично сина боја како единствен акцент во монохроматски простор.
- Antimetal — Уредничка хроника на крем хартија - тивко утро во научно списание, каде што воздржаноста пренесува самодоверба, а серифите ја вршат тешката работа.
- Perk — Електричен лимета на топла хартија за печење
- Ditto — Сончева работилница за создавање примероци од диви цвеќиња. Топли кремасти површини, жива жолта основна боја, темно сини мастила, органски форми на бои што цветаат зад делото.
- Officevibe — Уредничко списание на топла хартија во крем боја. Замислете промислен есеј за управување со човечки ресурси, претставен како производ - курзивен сериф фонт што шепоти низ модерен син интерфејс.