• FRAMEWORK

Welcome to User Interface Documentation

Frontend standards and components used in Ford Otosan projects.

Getting Started

Continuously Improving

FO Framework evolves constantly with new features and improvements inspired by real project experiences.

Responsive Design

Responsive structure with full support for mobile and tablet devices. Try a sample page below.

Generic & Modular

Ready-to-use structure. Easily customize or extend with modules to match your needs.

Other Framework Variants

FO Public

Public-facing, lightweight and accessible UI for external platforms.

Explore FO Public

FO Pure

Minimalist utility-first version for micro projects and fast prototyping.

Explore FO Pure

Modules

Reusable components like Andon, Conveyors, Tire House and more.

See Modules

Quick Access

Colors

Typography

Themes

Layouts

Icons

Install

Include CSS, JS, and fonts in your project to get started quickly. See the Introduction Page and Layouts page.

For feedback, contact framework@ford.com.tr

Supported Browsers

Use modern browsers like Chrome, Firefox, Safari, Edge for best results. IE10+ is minimally supported.

See the Browser Support Page for details.

Welcome to User Interface Documentation

The documentation of the front end standards and components of the FO Framework, used in Ford Otosan projects.

Getting Started

Continuously Developing

It has a constantly developing structure. Every passing time adds a new feature. We transfer our experience to this framework study.

Introduction

Responsive Design

FO Framework is a responsibly engineered framework. It is displayed as a problem in all tablet and mobile devices. You can reach a sample page from the button below and view it on your mobile devices.

Example

Generic & Modular

FO Framework is generic and modular a structure. In this way, you can quickly setup your projects and start using them immediately. Components and modules that can be developed according to your wishes or requirements are supported.

Introduction

Introduction

Our goal is to develop the software framework we use for the software infrastructure used in Ford Otosan projects, to determine the standards, to provide code level, to develop more agile software faster with a modular software infrastructure. More information visit introduction page. At the same time, we want to make the UI infrastructure and design elements required for Ford Otosan the best in this work and present it in a structure that can be improved.

You can reach the features of the infrastructure from the pages you can reach with the links on the navigation. These features; colors, typography, icons, layout, helpers, components. Please contact us for further information.

For the use of template pages CSS, JS and font files have to be added to the project. When you have CSS, JS, and font files in your project, you can use all the components, colors, typography, icons, helper classes and pages templates available here.

Install

Just add CSS and JS files to your project for installation. More information; introduction page. Please examine the layouts page for the page structure and layer structure.

Please contact to framework@ford.com.tr options below for your comments, suggestions, requests and questions.

Supported Browsers

For the best experience, please use a modern browser such as Firefox, Opera, Chrome, Safari.

If you use Internet Explorer, we recommend using the latest version. For example 10+ version or Microsoft Edge. And apply all Microsoft software updates.

More information; browser support page or please contact to framework@ford.com.tr for questions about browser support.