Foundation for Sites 6 的設計旨在讓您的專案從原型到生產的效率比以往更高！它包含了各種模組化且彈性的元件，且容易設定樣式。這些多功能且輕量的建構區塊讓您輕鬆實現您的構想。
程式碼減少 50%
Foundation 5 的一半大小
每個元件和類別的總檔案大小現在為 60KB CSS 和 84KB JS，在有選擇地移除未使用的元件時，還有很大的空間可以讓它們更小。
A11y 友善
完全無障礙網站的基礎
所有程式碼片段都附有 ARIA 屬性和角色，以及如何正確使用這些元件的說明。這有助於確保建立在 Foundation 6 上的每個網站都能在任何地方、任何裝置上，由任何人使用。
分享回應式原型
設計程式碼
上傳您的回應式設計網頁，以取得任何中斷點的背景回饋。利害關係人和協作者可以在任何裝置上註解和檢閱已編碼的網頁。使用 Notable Code 將您的 Foundation 專案從原型帶到生產。
靈活的導覽模式
可自訂和模組化的導覽
我們建立了一個完全可自訂和模組化的選單系統。新的選單元件是一大躍進，因為它結合了多個元件，節省了許多程式碼行，並製作了一個您可以在大多數專案中使用的模組化導覽。
模組化 JavaScript 工具程式
建立您自己的 JS 外掛程式
我們大幅減少了 JS 外掛程式中的程式碼量，方法是讓每個外掛程式更小，並建立更多共用的工具程式庫。工具程式庫是公開可存取的，因此您可以製作自己令人驚豔的外掛程式。
更少的基礎樣式
您需要的樣式，沒有您不需要的
基礎樣式作為編碼的線框，而不是最終設計。更簡單的 CSS 樣式讓您能更輕鬆地修改它們以符合您的品牌。
動態 UI
輕鬆建立自訂動畫和轉場
動態 UI 是我們基於 Sass 的動畫庫，它將幫助您為您的網站加入有意義的動態。這個 Sass 庫包含超過二十幾個內建的轉場和動畫類別。它非常可自訂，而且使用 Sass mixin 就能輕鬆建立您自己的。
快速專案啟動
比以往更快地啟動專案
我們新的命令列工具 (CLI) 讓您能設定空白的 Foundation for Sites、Apps 或 Emails 專案，而且比以前有更少的依賴關係。您也可以透過 NPM、Bower、Meteor 或 Composer 安裝。
可選的 Flexbox 格線
一個精巧的新格線
對於能夠擁抱最新技術的使用者，Foundation 附有一個基於 Flexbox 的可選格線。它和您所知道且喜愛的格線相同，但有更好的來源排序和對齊選項。
可自訂的 Sass 格線
您需要的任何欄位組合
Sass 網格混合已經過聰明地製作，讓您能更靈活地使用任意數量的欄自訂網格。在十二欄網格內，使用五欄網格內的四欄網格？開始吧！
ZURB 開發堆疊
使用 ZURB 使用的工具製作原型
使用 ZURB 在所有客戶專案中使用的相同範本。此入門範本是一個經過改良的堆疊，並配備自訂靜態網站產生器，以協助將檔案壓縮成單一 HTML 文件。它會編譯您的 Sass，提供 Handlebars 範本、UglifyJS、UnCSS 和影像壓縮。
始終如一的回應式
我們是第一個回應式架構，並且一直是全球設計師和開發人員的朋友。
語意
Foundation 可與完全語意的標記搭配使用。撰寫乾淨的程式碼，同時不犧牲任何實用性或便利性。
回應式
Foundation 是第一個回應式架構，它滲透到架構的每個面向。輕鬆為每個裝置建置。
可自訂
Foundation 建立為易於重新設定樣式。您甚至可以在下載時自訂架構。
更快
從基礎程式碼到外掛程式，再到 Foundation 周圍的一切，我們都建置得比以往更快。
Rails 友善
您可以在任何後端使用 Foundation，但它特別適合 Rails 實作。
可讀
Foundation 以人為本撰寫，即使您不懂太多程式碼，也很容易閱讀。
行動裝置優先
Foundation 以小型裝置為優先考量，並以此為基礎進行建置。
可存取
Foundation 6 符合 508 標準，且比任何先前版本更易於存取。
Sass
頂尖的 CSS 預處理器是 Foundation 的核心。
快速原型製作
Foundation 讓您能快速製作想法的原型，以便您能盡早開始測試。
RTL 功能
Foundation 支援由右至左的語言，以協助全球設計師更快速地設計出絕佳的產品