Nguyên tắc, tài sản và tài liệu tham khảo.
Những nguyên tắc này định hình các quyết định về sản phẩm, tiếp thị và cách chúng ta thể hiện bản thân trước các đội ngũ lãnh đạo. Chúng là những nguyên tắc không thể thương lượng trong giao tiếp bên ngoài.
Những nhóm làm việc bận rộn không đồng nghĩa với những nhóm làm việc ăn ý.
Chúng ta nói về định hướng chung, các mục tiêu chung liên kết và tiến độ mà ban quản trị có thể thấy được, chứ không phải là sự bận rộn chỉ để gây bận rộn.
Các nhà lãnh đạo cần nhìn nhận vấn đề một cách rõ ràng, không cần phải đi sâu vào mê cung thông tin phức tạp.
Chúng tôi giảm thiểu sự phân mảnh: một trung tâm chỉ huy duy nhất cho định hướng, số liệu và thực thi. Ngôn ngữ sử dụng đơn giản và cụ thể.
Các quyết định nên dựa trên dữ liệu thực tế, chứ không phải dữ liệu xuất khẩu lỗi thời.
Chúng tôi nhấn mạnh vào ⟦Mục tiêu đã đề ra⟧, nhật ký thay đổi và những hiểu biết dựa trên trí tuệ nhân tạo, bằng chứng mà ban lãnh đạo có thể hành động, chứ không phải là những lời thổi phồng hay phỏng đoán.
Hiệu năng cấp doanh nghiệp mà không cần độ phức tạp cấp doanh nghiệp.
Chúng tôi tôn trọng các giám đốc và người điều hành: sự chặt chẽ trong phòng họp, tính dễ sử dụng ở tuyến đầu và quản trị không quan liêu.
Những gì chúng ta nói, nói với ai và chứng minh điều đó như thế nào, đều phải nhất quán trên toàn bộ trang web, sản phẩm, tài liệu bán hàng và tài liệu hợp tác.
Elevale là nền tảng thực thi chiến lược giúp chuyển đổi định hướng thành các OKR, các KPI thực tế và sự đồng bộ của nhóm, dành cho các giám đốc kinh doanh muốn có sự rõ ràng và định hướng, chứ không phải sự hỗn loạn.
Đây là nền tảng thực thi chiến lược, không phải là công cụ quản lý dự án thông thường hay bảng điều khiển BI khác. Nhiệm vụ, OKR và KPI đang hoạt động đều nằm trong cùng một hệ thống, do đó định hướng, công việc hàng ngày và bằng chứng luôn được liên kết, không bị phân tán trong các ứng dụng riêng biệt.
Các giám đốc kinh doanh, nhà sáng lập và đội ngũ lãnh đạo điều hành các hoạt động đa địa điểm hoặc đang phát triển. Họ thiết lập chiến lược, tiến hành đánh giá và cần doanh nghiệp vận hành đồng bộ, chứ không phải chỉ thêm phần mềm một cách tùy tiện.
Biến chiến lược thành hành động mà đội ngũ lãnh đạo của bạn có thể nhìn thấy và định hướng: định hướng sống động, mục tiêu có thể đo lường, số liệu thời gian thực và trí tuệ nhân tạo (AI) đọc hiểu hoạt động kinh doanh của bạn, chứ không phải là thông tin từ internet mở.
Các tuyên bố dựa trên thực tế sản phẩm: OKRs được liên kết với các nhiệm vụ, KPIs trực tiếp, nhật ký thay đổi kinh doanh, Otto dựa trên dữ liệu không gian làm việc và các kết quả mà giám đốc công nhận (sự phù hợp, ít điểm mù hơn, đánh giá nhanh hơn).
Đối với các phần chính và phần kết thúc, hãy kể câu chuyện theo ba nhịp: mở đầu bằng một câu dẫn dắt nêu bật sự căng thẳng, cho thấy cách Elevale giải quyết nó, sau đó mời gọi bước tiếp theo. Đây là trình tự kể chuyện, không phải là quy tắc về kiểu chữ. Kiểu chữ cho tiêu đề, nội dung và nút nằm trong Kiểu chữ và Mẫu giao diện người dùng.
Bạn đã đồng ý với kế hoạch. Hỏi xem hôm nay tiến độ thế nào và cả phòng im lặng.
Một trung tâm chỉ huy duy nhất liên kết định hướng, các lệnh OKR, các lệnh KPI trực tiếp và các nhiệm vụ hàng ngày để đội ngũ lãnh đạo của bạn có thể theo dõi tiến độ và điều chỉnh mà không cần phải thao tác qua một mê cung bảng điều khiển khác.
Bắt đầu dùng thử miễn phí 14 ngày
Cách chúng ta thể hiện khi các giá trị và thông điệp được diễn đạt trên giấy: tự tin, trực tiếp và thiết thực. Được viết dành cho các đạo diễn cần sự rõ ràng, chứ không phải thuật ngữ chuyên ngành.
Hãy diễn đạt chức năng của Elevale và tầm quan trọng của nó bằng ngôn ngữ đơn giản. Sử dụng câu ngắn gọn. Danh từ cụ thể. Không dùng tính từ thừa.
Ưu tiên giọng văn chủ động và kết quả mà các nhà lãnh đạo có thể hình dung: đánh giá phản ánh thực tế, mục tiêu mà các nhóm có thể tự chịu trách nhiệm, số liệu được cập nhật theo thời gian thực.
Hãy thừa nhận những khó khăn thực sự: các công cụ rời rạc, chiến lược trên slide mà chẳng ai theo dõi, các báo cáo được xây dựng dựa trên số liệu của tháng trước. Sau đó, hãy đưa ra một hướng đi khả thi.
Biến chiến lược thành hành động mà hội đồng quản trị có thể thấy.
Elevale kết nối định hướng, OKR và KPI trực tiếp trong một trung tâm chỉ huy duy nhất, giúp lãnh đạo dành ít thời gian hơn cho việc đối chiếu bảng tính và nhiều thời gian hơn để điều hành doanh nghiệp.
Otto là một chú rái cá: cố vấn chiến lược AI và linh vật thương hiệu của Elevale. Cậu ấy không phải là người phát ngôn. Cậu ấy luôn phải đại diện cho một giải pháp, chứ không phải một vấn đề, và mang đến sự rõ ràng, năng lượng và niềm vui có mục đích.
Sự rõ ràng, năng lượng và niềm vui, không bao giờ là linh vật, không bao giờ là đạo cụ.
Đây là hình ảnh đại diện cho Cố vấn Chiến lược AI của chúng tôi: một chú rái cá giúp những lời khuyên thực tế trở nên dễ tiếp cận. Chú rái cá này là một đối tác tư duy gắn liền với định hướng chiến lược của bạn, các bước OKR, KPI, wiki và bối cảnh thị trường. Mỗi lần xuất hiện đều phải thể hiện hướng đi phía trước: một bản tóm tắt rõ ràng hơn, một trở ngại đã được giải quyết, động lực từ hiểu biết đến hành động, chứ không phải là mớ hỗn độn trước bước Elevale.
Otto là Cố vấn Chiến lược AI bên trong nền tảng: hỗ trợ trò chuyện bằng giọng nói và văn bản, tham chiếu trực tiếp đến các trạng thái KPI và OKR, và giúp chuyển đổi những hiểu biết thành định hướng, mục tiêu và nhiệm vụ được cập nhật. Anh ấy là cố vấn đáng tin cậy cho cả những câu hỏi lớn và nhỏ: mang tính chức năng, thực tế và luôn gắn liền với dữ liệu không gian làm việc.
Trên trang web và trong các thông tin liên lạc, Otto xuất hiện khi có thể chứng minh một giải pháp: giới thiệu trung tâm điều khiển, cho thấy sự rõ ràng được thể hiện như thế nào, hoặc báo hiệu trí tuệ nhân tạo hiểu được hoạt động kinh doanh. Không phải là linh vật ở lề trang. Không phải là đạo cụ bên cạnh những lời quảng cáo sáo rỗng. Mục đích là trên hết.
Trong các chiến dịch, Otto hỗ trợ sự rõ ràng về chiến lược, khả năng thực thi và trí tuệ nhân tạo (AI) dựa trên công việc thực tế, không bao giờ mang tính hài hước hay nhân cách hóa vấn đề. Thể hiện định hướng đang dần hình thành, các quyết định được giải quyết hoặc lãnh đạo tìm ra câu trả lời mà không cần thêm bảng điều khiển nào khác. Chỉ sử dụng hình ảnh đã được phê duyệt.
Liên hệ với nhóm để được phê duyệt Mọi hình thức sử dụng Otto, dù là cho các bản trình bày nội bộ, quảng cáo bên ngoài, mạng xã hội hay tài liệu hợp tác, đều cần được sự chấp thuận của thương hiệu trước khi xuất bản.
lockup là logo mặc định của Elevale: biểu tượng logo cộng với tên thương hiệu trong cùng một tệp. strapline là nội dung tiếp thị riêng biệt. Chúng tôi thường sử dụng nó trên trang web, nhưng nó không phải là một phần của hình ảnh logo mặc định.
Hãy sử dụng những tên gọi này một cách nhất quán trong các bản tóm tắt, bài thuyết trình và bộ nhận diện thương hiệu. Khi chúng tôi nói đến logo Elevale, chúng tôi muốn nói đến toàn bộ logo trừ khi chúng tôi yêu cầu riêng logo đó.
Chiến lược bất diệt
Vị trí điển hình trên một anh hùng
Thường xuất hiện phía trên tiêu đề chính. Tránh đưa nó vào các tệp logo xuất khẩu trừ khi thương hiệu chấp thuận bố cục tùy chỉnh.
Biểu tượng logo gồm hai hình vuông, lệch nhau và lồng vào nhau. Chúng được hiểu như hai mô-đun riêng biệt lựa chọn gặp nhau: nơi từng có khoảng cách giữa chiến lược và thực thi, giữa những gì lãnh đạo nói và những gì doanh nghiệp có thể chứng minh, giờ đây đã có một sự kết nối có chủ đích. Không phải là sự mơ hồ. Không phải là sự thâu tóm. Mà là một sự kết nối có thể nhìn thấy.
Điểm mấu chốt chính là sự chồng lấn. Vùng cạnh chung đó chính là nơi Elevale tồn tại.
Bảng tính ở một góc, biểu tượng OKR ở góc khác, các bài đánh giá được xây dựng dựa trên xuất khẩu của tháng trước. Biểu tượng logo lại đi ngược lại với xu hướng đó: hai mặt phẳng trượt vào đúng vị trí để doanh nghiệp không còn tự mâu thuẫn trước công chúng.
Góc chung không chỉ là vật trang trí. Đó là điểm giao nhau nơi các chỉ đạo, số liệu và hành động nhóm được thiết kế để gặp nhau. Elevale là sản phẩm của sự giao thoa đó: một bề mặt duy nhất cho định hướng, đo lường và theo dõi.
Sự lệch hướng này gợi ý sự chuyển động tiến về phía trước mà không có va chạm. Chiến lược không đè bẹp hoạt động; dữ liệu không chôn vùi con người. Các hình vuông cùng tiến lên, giống như những ưu tiên cuối cùng cùng hướng về một mục tiêu.
Elevale lấy cảm hứng từ điểm giao nhau đó. Sự đồng bộ không phải là một tấm áp phích trên tường; đó là khoảnh khắc tổ chức vượt lên trên những ồn ào bởi vì ý định và bằng chứng cùng chung một mục tiêu. Biểu tượng logo nhỏ. Ý tưởng thì không.
Màu hồng và màu tím mỗi màu đều có vai trò riêng trong việc tạo dấu ấn. Màu hồng mang hơi ấm: thể hiện định hướng, động lực và sự thúc đẩy để đưa ra quyết định. Màu tím mang hơi hướng mát mẻ: thể hiện bằng chứng, cấu trúc và minh chứng để bạn có thể định hướng. Hãy giữ chúng ở hai ô riêng biệt; chúng chỉ chung cạnh ở nơi ý định gặp bằng chứng. Các quy tắc HEX, RGB và UI nằm trong Màu sắc cốt lõi.
Hồng
Phương hướng và động lực
Một màu hồng tím ấm áp với năng lượng rõ ràng. Trong thiết kế, nó nằm ở vị trí nổi bật: mắt người nhìn sẽ chú ý đến nó đầu tiên, cũng giống như cách mà người lãnh đạo phải xác định điều gì quan trọng tiếp theo.
Represents Ý định trước bằng chứng: doanh nghiệp đang hướng đến đâu, điều gì được ưu tiên và nguồn lực để hành động.
Trong logo, màu hồng đóng vai trò chủ đạo. Trong giao diện người dùng sản phẩm, nó là lớp hành động: các nút chính, trạng thái ưu tiên và những thời điểm cần đưa ra quyết định rõ ràng.
Màu tím
Bằng chứng và cấu trúc
Một sắc xanh tím trầm lắng, có chiều sâu. Nó hơi nhạt hơn so với sắc hồng ấm áp và mang đến những thông số, cấu trúc và bằng chứng trong một tông màu ổn định, đáng tin cậy.
Represents Những gì doanh nghiệp có thể chứng minh: hiệu quả hoạt động trực tiếp, sự phối hợp nhịp nhàng, cấu trúc và khả năng điều hành dựa trên dữ liệu mà ban lãnh đạo có thể tin tưởng.
Trong logo, màu tím hoàn thiện những gì màu hồng bắt đầu. Trong giao diện người dùng sản phẩm, nó thể hiện các chỉ số, nhấn mạnh điều hướng và các bề mặt mà sự rõ ràng quan trọng hơn là trang trí.
Duy trì khoảng trống rõ ràng bằng chiều cao của mô-đun góc màu hồng trên biểu tượng logo (20px ở kích thước bố cục tiêu chuẩn) ở tất cả các cạnh của bố cục.
x = chiều cao của mô-đun góc màu hồng trên biểu tượng logo (20px ở kích thước bố cục tiêu chuẩn). Hãy để lại ít nhất một khoảng trống x ở cả bốn phía của bố cục.
Tải xuống các mẫu thiết kế đã được phê duyệt và các tệp chỉ chứa logo. Sử dụng mẫu thiết kế cho mục đích tiếp thị; chỉ sử dụng riêng logo khi không gian hạn chế và thương hiệu đã được nhận diện.
Dùng cho favicon, biểu tượng ứng dụng, hình đại diện và giao diện người dùng nhỏ gọn. Các tệp app-tile bao gồm nền màu; không được cắt xén hoặc tô màu lại.
Sử dụng bố cục đầy đủ màu sắc trên nền sáng và bố cục trên nền tối cho các bề mặt tối màu đồng nhất. Trên ảnh chụp hoặc các bề mặt phức tạp, hãy thêm một lớp phủ đồng nhất hoặc chuyển sang bố cục đảo ngược để logo vẫn dễ đọc.
Ánh sáng Tối tăm Không được kéo giãn hoặc bóp méo.
Không thêm đường viền
Đừng xoay khóa
Không nên đặt trên nền quá nhiều chi tiết và thiếu độ tương phản.
Hãy giữ khoảng cách thông thoáng.
Màu hồng và màu tím phối hợp với nhau, chứ không phải thay thế cho nhau. Màu hồng thu hút sự chú ý vào hướng đi và hành động; màu tím chứa đựng sự thật vận hành ẩn bên dưới. Các màu trung tính đảm nhiệm vai trò chính trong giao diện người dùng sản phẩm và khi đọc các văn bản dài.
Sử dụng màu hồng khi bạn muốn tạo động lực hoặc thúc đẩy hành động chính. Sử dụng màu tím khi bạn muốn thể hiện cấu trúc, số liệu hoặc sự tin tưởng thông qua dữ liệu. Hiệu ứng chuyển màu từ hồng sang tím chỉ dành cho các sản phẩm chủ lực và các dòng sản phẩm cao cấp. Xem Gradients.
Màu hồng thương hiệu. Hướng đi, lời kêu gọi hành động (CTA) và hình vuông dẫn đầu trong biểu tượng logo. Không thay đổi sắc độ hoặc độ bão hòa.
#E20F7A rgb(226 15 122) --pink
Màu tím đặc trưng của thương hiệu. Bằng chứng, cấu trúc giao diện người dùng sản phẩm và hình vuông phía sau trong biểu tượng logo. Không thay đổi sắc độ hoặc độ bão hòa.
#5270F5 rgb(82 112 245) --purple
#FCE4F1 rgb(252 228 241) --pink-light
#EEF0FE rgb(238 240 254) --purple-light
#111318 rgb(17 19 24) --dark
#0A0A0A rgb(10 10 10) --black
#FFFFFF rgb(255 255 255) --white
#F9FAFB rgb(249 250 251) --off-white
Hiệu ứng chuyển màu pha trộn từ hồng sang tím: câu chuyện tương tự như biểu tượng logo, được tiếp tục xuyên suốt. Hãy sử dụng chúng một cách tiết kiệm trên các phần nổi bật, nút kêu gọi hành động (CTA) và các dải quảng cáo cao cấp, tuyệt đối không sử dụng phía sau văn bản chính.
Tiêu đề, tiêu đề chính và nhãn phần. Sử dụng chữ thường trong tiếp thị; tránh viết hoa toàn bộ trừ các nhãn ngắn.
Việc thực thi chiến lược được làm rõ.
Nội dung chính, nhãn giao diện người dùng và văn bản hỗ trợ. Các mức độ đậm 400, 500 và 700 đã được phê duyệt.
Một nền tảng duy nhất cho định hướng, KPIs, OKRs và sự phối hợp nhóm.
Nhiếp ảnh đóng vai trò quan trọng bên cạnh giao diện người dùng sản phẩm, sơ đồ và đồ họa tiếp thị. Chúng tôi sử dụng nó trong các hình ảnh nổi bật của chiến dịch, bản phác thảo giao diện người dùng, khoảnh khắc làm việc và nhóm, và các hình đại diện nhỏ bên trong màn hình ứng dụng (dòng thời gian, sơ đồ tổ chức, thẻ người được giao nhiệm vụ). Mỗi hình ảnh cần hỗ trợ chiến lược và việc thực thi với nội dung rõ ràng, màu sắc thương hiệu và ngữ cảnh phù hợp.
Ảnh chụp sản phẩm bao gồm các loại ảnh như: khung ảnh chiến dịch, bản mô phỏng giao diện người dùng, ảnh chụp nơi làm việc, ảnh chân dung nhóm và hình đại diện giao diện người dùng. Mỗi loại ảnh đều có quy tắc về kích thước và nguồn cung cấp riêng trong các thẻ bên dưới, cùng với một danh sách ngắn những ảnh không nên gửi.
Kết hợp hình ảnh người thật hoặc nhân vật thương hiệu đã được phê duyệt với một bố cục tổng thể: dải màu chuyển sắc hoặc dải màu, tiêu đề và giao diện người dùng sản phẩm ở phía trước. Sự ấm áp và độ tin cậy đến từ khía cạnh con người; bằng chứng đến từ giao diện. Các phần cắt có thể kéo dài lên trên dải màu khi vẫn đảm bảo tính dễ đọc.
Hãy thiết kế giao diện người dùng (UI) theo phong cách riêng và bố cục các cảnh, chứ không phải ảnh chụp phần cứng cụ thể (không dùng viền màn hình của iPhone, MacBook hoặc các thiết bị có thương hiệu khác). Sử dụng hình dạng màn hình trung tính, các thẻ xếp lớp hoặc khung hình trừu tượng để hình ảnh không bị lỗi thời khi sản phẩm được làm mới. Kết hợp ảnh chụp với UI khi nó giúp kể câu chuyện; giữ cho chữ và thẻ dễ đọc. Sử dụng ảnh gốc ở độ phân giải đầy đủ; không kéo giãn ảnh đã cắt ở độ phân giải thấp.
Hãy thể hiện những văn phòng, xưởng làm việc và khoảnh khắc làm việc thực tế cho các trang giới thiệu, các nhóm văn hóa, nghề nghiệp và các khối biên tập. Ưu tiên ánh sáng tự nhiên, không gian chân thực và các nhóm đa dạng hơn là các văn phòng mẫu chung chung. Thêm lớp phủ đơn sắc hoặc chuyển màu khi văn bản nằm trên hình ảnh.
Sử dụng ảnh chân dung gần gũi và ảnh nhóm nhỏ để thể hiện vai trò lãnh đạo, bằng chứng xã hội và nội dung hợp tác. Giữ trang phục trung tính hoặc phù hợp với thương hiệu. Kết hợp với giao diện sản phẩm hoặc tiêu đề khi bức ảnh hỗ trợ chiến dịch, chứ không phải chỉ là ảnh chân dung đơn thuần làm hình nền.
Ảnh chân dung được cắt xén ở kích thước avatar (khoảng 24–40px) trong dòng thời gian, sơ đồ tổ chức, thẻ người được giao nhiệm vụ và hàng bằng chứng xã hội. Chỉ sử dụng các ảnh avatar đã được phê duyệt từ bộ nhận diện thương hiệu ở kích thước này. Không bao giờ phóng to ảnh avatar cho các anh hùng hoặc nhóm chiến dịch.
Ảnh chân dung ngẫu nhiên, hình ảnh bắt tay có sẵn, ảnh toàn trang không có nội dung về sản phẩm hoặc thông điệp, hoặc ảnh mô phỏng chỉ dành cho các thiết bị tiêu dùng quen thuộc. Ảnh chụp nên giải thích được nền tảng, thể hiện công việc thực tế hoặc củng cố tiêu đề. Nếu không làm được cả hai điều đó, hãy chọn đồ họa hoặc giao diện người dùng thay thế.
Các bố cục ra mắt và chiến dịch kết hợp hình ảnh người thật hoặc nhân vật thương hiệu với thẻ giao diện người dùng sản phẩm trên nền thương hiệu nổi bật. Tiêu đề mang lời hứa, thẻ giao diện người dùng cung cấp bằng chứng, và hình ảnh có thể tràn ra khỏi cạnh trên khi chân đế được cố định ở phía dưới dải băng.
Ví dụ về bố cục. Sử dụng ảnh chất lượng cao, có bản quyền hoặc hình ảnh thương hiệu đã được phê duyệt với kích thước đầy đủ của chiến dịch.
Ảnh đã được phê duyệt chỉ dùng cho bản mô phỏng và giao diện người dùng sản phẩm. Vui lòng hiển thị ở kích thước bên dưới. Đối với các chiến dịch quảng cáo, hình ảnh nơi làm việc hoặc ảnh nhóm, vui lòng tìm nguồn ảnh riêng ở độ phân giải đầy đủ.
Ảnh chụp chiến dịch, ảnh mô phỏng, ảnh nơi làm việc và ảnh nhóm cần có kích thước tối thiểu 1200px ở cạnh dài nhất trước khi xuất. Cung cấp định dạng WebP hoặc AVIF cho web. Các tệp ảnh đại diện sẽ giữ nguyên kích thước nhỏ ban đầu. Yêu cầu xem xét thương hiệu khi kết hợp ảnh chụp với logo đối tác hoặc ảnh đồng thương hiệu.
Trên toàn bộ trang web, các trang tính năng và các chiến dịch, chúng tôi sử dụng các thẻ theo phong cách giao diện người dùng, các lớp phủ mềm mại và màu sắc thương hiệu được tiết chế. Mục tiêu là tạo chiều sâu và sự rõ ràng, chứ không phải trang trí cho mục đích phô trương.
Một hình ảnh chính nổi bật cho mỗi nhân vật hoặc mỗi phần là đủ. Hãy để văn bản, khoảng cách và một nhóm thẻ xếp chồng lên nhau truyền tải câu chuyện. Nếu mọi thứ đều ồn ào, sẽ chẳng có gì đọng lại.
Các gam màu trung tính (trắng, trắng nhạt, chữ tối) giữ bố cục. Màu hồng và tím xuất hiện làm điểm nhấn: viền trên của thẻ, đường biểu đồ, huy hiệu và dải màu chuyển sắc trên các phần tối. Không nên phủ kín các khu vực lớn bằng màu chuyển sắc thương hiệu phía sau giao diện người dùng dày đặc.
Sử dụng hai hoặc tối đa ba tấm thẻ chồng lên nhau với vị trí lệch nhau, xoay nhẹ và đổ bóng mềm mại. Hai tấm thẻ là đủ khi câu chuyện đơn giản; chỉ thêm tấm thứ ba khi nó bổ sung thêm ngữ cảnh. Tấm thẻ phía trước mang thông điệp; các tấm thẻ phía sau gợi ý các chi tiết hỗ trợ.
Đặt hình ảnh bên trong các bảng mẫu hoặc trên nền đơn giản. Trên ảnh chụp hoặc các dải tối, hãy thêm lớp phủ màu đơn sắc hoặc chuyển sắc để chữ và thẻ vẫn dễ đọc. Thẻ nằm phía trên nền; chúng không cạnh tranh với nền.
Ví dụ với tối đa ba thẻ: mỗi lớp có một tiêu đề và một gợi ý giao diện người dùng. Thẻ phía trước chứa tiêu đề chính; các thẻ phía sau có màu nhạt hơn nhưng vẫn dễ đọc. Sử dụng hai thẻ khi đã đủ.
Các ô lưới phẳng với độ chuyển màu quá nổi bật, các hình dạng cạnh tranh và các khối có trọng lượng bằng nhau. Trông rất rối mắt và làm suy yếu câu chuyện sản phẩm.
Hãy bắt đầu từ các màn hình ứng dụng Elevale thực tế và các mẫu giao diện người dùng trong ảnh chụp màn hình và đồ họa tiếp thị. Bạn có thể đơn giản hóa, cắt xén hoặc loại bỏ các điều khiển phụ khi điều đó làm cho giá trị trở nên rõ ràng hơn. Giữ tông màu trung tính nhẹ nhàng, màu Satoshi cho nội dung giao diện người dùng, và chỉ sử dụng màu hồng hoặc tím ở những nơi sản phẩm thực sự làm nổi bật trạng thái, biểu đồ và hành động.
Hãy xây dựng dựa trên bố cục, kiểu chữ và thành phần chuẩn Elevale. Đối với mục đích tiếp thị, việc thu nhỏ giao diện là hoàn toàn ổn: loại bỏ các bảng bên cạnh, cắt bớt thanh điều hướng hoặc ẩn các tính năng không hỗ trợ thông điệp. Mục tiêu là giải thích những gì quan trọng, chứ không phải hiển thị mọi nút điều khiển trên màn hình. Không nên dán giao diện người dùng vào các cửa sổ trình duyệt ngẫu nhiên hoặc tô màu lại mẫu bảng điều khiển chung để trông phù hợp với thương hiệu.
Nền vẫn giữ màu trắng hoặc trắng nhạt. Màu hồng và tím xuất hiện trên các mục điều hướng đang hoạt động, tiến độ, chuỗi biểu đồ, huy hiệu và các nút chính bên trong ứng dụng. Không nên lạm dụng các hiệu ứng chuyển màu trong ảnh chụp màn hình nếu chúng không tồn tại trong giao diện người dùng thực tế.
Thu hẹp phạm vi mô tả quy trình làm việc bạn đang trình bày: hướng dẫn, các bước OKR, KPI, hoặc bảng điều khiển. Loại bỏ khoảng trống, các mô-đun không liên quan và các yếu tố gây nhiễu giao diện người dùng để người xem thấy được một kết quả rõ ràng, chứ không phải toàn bộ sản phẩm cùng một lúc.
Ảnh chụp màn hình đầy đủ, theo phong cách phim tài liệu, phù hợp với các nghiên cứu điển hình, tài liệu và bản trình bày bán hàng. Đối với các hình ảnh nổi bật trên trang web, hãy ưu tiên các ảnh cắt đơn giản hoặc đồ họa thẻ nhiều lớp trong Đồ họa tiếp thị khi bạn cần thể hiện chiều sâu mà không cần hiển thị toàn bộ ứng dụng.
Giao diện người dùng cho sản phẩm và tiếp thị sử dụng chung các bán kính, bóng đổ và cách xử lý nút từ hệ thống thiết kế.
Chỉ sử dụng một thao tác chính cho mỗi giao diện. Trên các bề mặt tiếp thị sáng màu, hãy kết hợp nó với một thao tác phụ dạng văn bản hoặc một nút bấm viền. Chỉ dành các nút mờ cho nền tối.
Elevale sử dụng các biểu tượng dạng đường viền Lucide trên các trang tiếp thị, phần tính năng và bản phác thảo giao diện người dùng. Một kiểu biểu tượng, một độ dày nét vẽ và kích thước nhỏ giúp cho việc điều hướng và các thẻ dễ dàng được quét qua.
Hãy tuân thủ kích thước 16, 20 và 24px. Thẻ giới thiệu sản phẩm có thể sử dụng kích thước 28px để nhấn mạnh; đừng tự ý tạo ra các kích thước riêng biệt.
Tất cả các tên Lucide đã được đăng ký trên trang web tiếp thị. Tìm kiếm, sau đó sao chép tên để chuyển giao thiết kế hoặc lấy các đoạn mã có sẵn cho các khối Astro và Webflow.
aria-hidden="true"` cho các biểu tượng trang trí; văn bản liền kề mang ý nghĩa.Elevale sử dụng hiệu ứng chuyển động xuyên suốt trang web tiếp thị và sản phẩm: chuyển động nổi bật, hiển thị khi cuộn trang, hiệu ứng rê chuột, các thẻ được sắp xếp so le và ảnh GIF tạo thêm sự ấm áp và hài hước. Chuyển động nên hướng sự chú ý và củng cố sự rõ ràng, chứ không bao giờ cạnh tranh với thông điệp.
Mỗi hoạt hình đều trả lời một câu hỏi: điều gì đã thay đổi, điều gì quan trọng tiếp theo, hoặc điều gì đã thành công. Nếu chuyển động không giúp người xem nắm bắt, hiểu hoặc ăn mừng, hãy loại bỏ nó.
Chỉ một chuyển động trọng tâm cho mỗi khung hình. Tránh sự hỗn loạn lặp đi lặp lại, hiệu ứng thị sai chỉ để tạo hiệu ứng, hoặc nhiều yếu tố chuyển động cùng lúc. Đồ họa tiếp thị vốn đã sử dụng chiều sâu; chuyển động không nên làm quá tải cấu trúc đồ họa.
Sử dụng ease-out cho các hiệu ứng chuyển tiếp vào và ease-in-out cho các hiệu ứng chuyển đổi. Hầu hết các hiệu ứng chuyển tiếp giao diện người dùng nằm trong khoảng 200ms đến 400ms; hiệu ứng âm thanh nền của phần chính có thể kéo dài hơn nhưng vẫn giữ được sự tinh tế.
Bọc các vòng lặp trang trí và hiệu ứng trôi trong `prefers-reduced-motion: no-preference`. Các thay đổi trạng thái cốt lõi (mở menu, lấy tiêu điểm) vẫn có thể hoạt ảnh nhẹ hoặc chuyển động tức thì khi người dùng yêu cầu giảm chuyển động.
Những mẫu này xuất hiện xuyên suốt trang web elevale.com và các trang giới thiệu sản phẩm. Hãy áp dụng chúng khi mở rộng trang web hoặc tài liệu quảng bá của đối tác.
Một quả cầu phát sáng mềm mại xuất hiện trong ứng dụng Elevale khi bạn nói chuyện với Otto bằng giọng nói. Nó cho thấy phiên trò chuyện đang diễn ra và phản ứng với âm thanh, trong khi văn bản ghi lại và câu trả lời của Otto truyền tải thông điệp thực tế.
Trong sản phẩm, quả cầu được vẽ trực tiếp trên màn hình (không phải tệp video hay hình ảnh tĩnh). Đây là hình ảnh trực quan chính cho chế độ giọng nói: dịu nhẹ khi không hoạt động, năng động hơn khi có người nói và ấm áp hơn khi Otto đang nói. Nó không phải là logo, biểu đồ hay máy phân tích phổ với các thanh.
Cùng một thành phần hình cầu được sử dụng trong hai bố cục, được điều khiển bởi cùng một phiên giọng nói:
Một quả cầu lớn (khoảng 320px) nằm ở giữa màn hình thoại. Chạm vào quả cầu có thể ngắt lời Otto khi anh ấy đang nói.
Một quả cầu nhỏ (khoảng 92px) nằm trong khung thoại thu nhỏ. Chạm vào quả cầu sẽ đưa bạn trở lại giao diện trò chuyện; các nút tắt tiếng và kết thúc cuộc gọi nằm phía trên quả cầu.
Chuyển động được mô phỏng theo âm thanh thực tế từ buổi thu âm, chứ không phải hoạt ảnh ngẫu nhiên:
Hãy hình dung quả cầu như những lớp ánh sáng mềm mại, chứ không phải một quả cầu 3D cứng nhắc hay một màn hình hiển thị dạng sóng:
Các trang tính năng trên elevale.com sử dụng phiên bản CSS đơn giản hóa của giao diện này cho các bản mô phỏng tĩnh. Giao diện ứng dụng trực tiếp phong phú hơn và được liên kết với micro thực và âm thanh phát lại.
Màu hồng pastel và tím oải hương hòa quyện từ các tông màu chủ đạo của thương hiệu hướng về màu trắng. Không có hiệu ứng cầu vồng, tô màu phẳng hay đường viền sắc nét. Màu sắc dịu nhẹ chỉ sử dụng các gam màu trung tính xám.
Tính cách và giọng điệu của Otto sống trong Otto.
Di chuột qua thẻ và nút để xem hiệu ứng chuyển động mượt mà và thời lượng điển hình.
GIF là cách giúp Elevale tạo cảm giác chân thực, không phải như một cuốn brochure doanh nghiệp: những khoảnh khắc ăn mừng khi ra mắt sản phẩm, những phản ứng trong cuộc trò chuyện, và đôi khi là những đoạn hoạt hình vui nhộn trong hoạt động marketing. Hãy sử dụng chúng khi khoảnh khắc đó xứng đáng nhận được sự ấm áp hoặc một nụ cười, vẫn thân thiện và đúng với thương hiệu, nhưng tuyệt đối không được cứng nhắc chỉ để trông "nghiêm túc".
Các ảnh GIF chúc mừng và phản ứng đã được phê duyệt sẽ được tích hợp vào tài sản trang web và bộ nhận diện thương hiệu. Vui lòng yêu cầu thêm ảnh GIF thông qua nhóm thương hiệu. Chúng tôi hoan nghênh các ảnh GIF vui nhộn nhưng vẫn mang đậm dấu ấn Elevale.
Ảnh GIF được phê duyệt từ thư viện, mang sắc thái vui tươi hoặc hân hoan, hỗ trợ thông điệp, kích thước tệp hợp lý.
Văn hóa meme gây tranh cãi, mang tính chính trị, xúc phạm hoặc không liên quan. Không có nội dung gây sốc, bạo lực hoặc khiêu khích.
Với tư cách là đối tác liên kết hoặc đối tác giới thiệu, bạn giới thiệu Elevale đến đối tượng khách hàng của mình bằng cách sử dụng tên và hình ảnh chính thức của chúng tôi. Hãy đảm bảo Elevale vẫn được nhận diện là Elevale (không phải là một sản phẩm mang thương hiệu riêng của bạn). Sử dụng các tài sản đã được phê duyệt từ trung tâm này và nhận được sự chấp thuận bằng văn bản về thương hiệu trước khi thực hiện các chiến dịch trả phí hoặc có độ hiển thị cao.
Khác với các đại lý bán lẻ, các đối tác liên kết không sử dụng nhãn trắng. Nếu bạn cần bán sản phẩm dưới thương hiệu riêng của mình, hãy đọc phần Resellers. Nếu bạn chỉ chia sẻ Elevale với mạng lưới của mình, phần này sẽ áp dụng.
Hãy tận dụng nguồn lực và bộ nhận diện thương hiệu. Khi không chắc chắn, hãy sử dụng ít yếu tố hơn thay vì ứng biến.
Elevale Thiết kế nổi bật, màu sắc được phê duyệt, lời kêu gọi hành động (CTA) rõ ràng đến liên kết giới thiệu của bạn và thông tin công khai trung thực.
Logo được tô màu lại, tên sản phẩm được tạo ra hoặc thương hiệu của bạn thay thế thương hiệu của chúng tôi trong chương trình khuyến mãi Elevale.
Những người tham gia chương trình giới thiệu khách hàng nên tuân theo phần này đối với bất kỳ đề cập công khai nào về Elevale. Thể lệ chương trình và hoa hồng được nêu trên trang chương trình giới thiệu.
Elevale có thể tạm dừng hoặc chấm dứt quyền truy cập của đối tác, giữ lại hoa hồng hoặc yêu cầu gỡ bỏ các nội dung không tuân thủ quy định. Việc lạm dụng lặp đi lặp lại hoặc nghiêm trọng có thể dẫn đến chấm dứt mối quan hệ.
Các đại lý được ủy quyền sử dụng Elevale như sản phẩm của riêng họ. Tính năng nhãn trắng được tích hợp sẵn: logo, màu sắc chủ đạo và tên miền của bạn được sử dụng trên mọi không gian làm việc của khách hàng, với mức độ nhận diện thương hiệu Elevale tối thiểu trong trải nghiệm người dùng. Bạn luôn là tâm điểm chú ý; chúng tôi vận hành nền tảng ở phía sau.
Chương trình đại lý được xây dựng nhằm hỗ trợ mối quan hệ khách hàng và chiến lược tiếp thị của bạn, chứ không phải để quảng bá Elevale như thương hiệu hàng đầu.
Khách hàng chỉ nhìn thấy thương hiệu của bạn trong không gian làm việc. Trong hoạt động tiếp thị và bán hàng, hãy giới thiệu nền tảng như một sản phẩm và phương pháp luận của bạn, dưới tên và hình ảnh thương hiệu của riêng bạn.
Các đại lý bán lẻ nhãn trắng không bán hàng với tư cách là đối tác liên kết của Elevale. Việc đồng thương hiệu với biểu tượng độc quyền của chúng tôi chỉ dành cho những trường hợp hiếm hoi khi cả hai tên phải xuất hiện trên cùng một tài liệu. Xem Đồng thương hiệu nếu điều đó áp dụng; nếu không, hãy tránh sử dụng Elevale trong các tài liệu quảng cáo dành cho khách hàng và chiến dịch tiếp thị.
Bạn không cần phê duyệt cho cấu hình nhãn trắng thông thường trong bảng điều khiển đối tác. Hãy liên hệ với Elevale trước khi thực hiện các chiến dịch bên ngoài đề cập đến Elevale bằng tên, sử dụng Otto, hoặc làm mờ ranh giới giữa thương hiệu của bạn và của chúng tôi.
Khi cả Elevale và nhãn hiệu đối tác cùng xuất hiện trên cùng một nội dung (trang web chính, slide, banner sự kiện), hãy áp dụng các quy tắc đồng thương hiệu. Các đối tác liên kết chỉ quảng bá Elevale nên tuân theo Đối tác liên kết. Nhãn trắng của nhà phân phối được tách riêng: Nhà phân phối.
Tải xuống logo, bảng màu tham khảo và mẫu từ thư mục thương hiệu dùng chung của chúng tôi.
Định nghĩa ngắn gọn cho các thuật ngữ được sử dụng trong hướng dẫn này.
Câu trả lời nhanh về việc ứng dụng thương hiệu Elevale trong các tài liệu tiếp thị, sản phẩm và hợp tác.
Sử dụng bộ logo đầy đủ màu sắc trên nền trắng hoặc trắng ngà. Trên nền tối đồng nhất, sử dụng bộ logo trên nền tối (biểu tượng logo màu, chữ màu trắng). Đối với giao diện ứng dụng tối màu hoặc các khu vực có độ tương phản thấp, sử dụng bộ logo đảo ngược (toàn màu trắng). Xem Các biến thể và Cách sử dụng.
Chỉ sử dụng khi không gian rất hạn chế và thương hiệu đã được nhận diện: biểu tượng favicon, biểu tượng ứng dụng nhỏ gọn hoặc điều hướng trong sản phẩm đã được thiết lập. Đối với slide, quảng cáo và tài liệu, hãy sử dụng toàn bộ logo. Xem Các biến thể.
Không. Không được thay đổi màu sắc, thêm hiệu ứng, xoay hoặc kéo giãn bố cục. Hãy sử dụng tệp đã được phê duyệt từ bộ công cụ thương hiệu hoặc thư viện logo thay vì chỉnh sửa hình ảnh.
Hãy để lại ít nhất một khoảng trống x ở mỗi cạnh, trong đó x là chiều cao của mô-đun góc màu hồng trên biểu tượng logo (20px ở kích thước khóa tiêu chuẩn). Xem Cấu trúc và thuật ngữ.
Có, nếu độ tương phản đủ mạnh. Thêm một lớp phủ sáng hoặc tối đồng nhất phía sau logo, hoặc sử dụng bố cục đảo ngược trên vùng tối. Tránh các nền quá phức tạp mà không có đủ sự phân tách. Xem Cách sử dụng.
Sử dụng Tải xuống để mở bộ công cụ thương hiệu Google Drive (logo SVG và PNG, bảng màu và mẫu). Chỉ để xem các mẫu thiết kế mới nhất, hãy sử dụng Đi đến thư viện logo trong phần Biến thể.
Sử dụng hình thức đồng thương hiệu khi cả hai nhãn hiệu cùng xuất hiện trên cùng một tài liệu tiếp thị (trang web, bản trình bày, sự kiện). Giữ độ đậm nhạt tương đương, khoảng cách tối thiểu 24px hoặc có đường phân cách, và không bao giờ thay đổi bất kỳ nhãn hiệu nào. Xem Đồng thương hiệu. Các nhà phân phối cung cấp sản phẩm nhãn trắng cho khách hàng nên tuân theo Nhà phân phối.
Các đại lý bán lại có thể tùy chỉnh trải nghiệm khách hàng (logo, màu sắc, tên miền của bạn) và tiếp thị nền tảng như một sản phẩm/dịch vụ của riêng họ. Không hiển thị thương hiệu Elevale cho khách hàng cuối. Hướng dẫn đầy đủ có trong Đại lý bán lại hoặc trên trang chương trình đại lý bán lại.
Bạn phải sử dụng các tài sản chính thức của Elevale, bố cục đã được phê duyệt, thông điệp phù hợp với thương hiệu và liên kết theo dõi của bạn. Bạn không được phép thay đổi logo, sử dụng nhãn trắng hoặc chạy các chiến dịch trả phí mà không được phê duyệt. Xem các quy định của công ty trong Đối tác liên kết và các điều khoản chương trình trong Giới thiệu bạn bè.
Sử dụng phông chữ Coolvetica Condensed cho tiêu đề và Satoshi cho nội dung chính và giao diện người dùng (độ đậm 400, 500, 700). Không thay thế bằng các phông chữ tương tự. Tải xuống Coolvetica và Satoshi từ Google Drive, hoặc xem Display và Body.
Đối với các chiến dịch, sản phẩm hoặc mục đích sử dụng không được đề cập ở đây, vui lòng liên hệ với Elevale qua trang liên hệ trước khi đăng tải. Vui lòng đính kèm bản mô phỏng và kênh dự định sử dụng để chúng tôi có thể xác nhận biến thể logo và cách thức đồng thương hiệu phù hợp.
Khi Otto đại diện cho một giải pháp: đó là sự rõ ràng, năng lượng, niềm vui và sự hướng dẫn có mục đích, chứ không phải là một vấn đề, linh vật hay đạo cụ. Hãy đọc Otto để biết ngữ cảnh và quy tắc phê duyệt, sau đó liên hệ với nhóm thương hiệu trước khi đăng tải ra bên ngoài.