FUXdox
About FUXC - React Components
C1 - Basic
C2 - Layout
C3 - Content
C4 - Info carriers
C5 - Data entry
C6 - Navigation
C7 - Data wrappers *
DesignExamplesGuidelinesTutorial

FUX - design system

“A design system isn’t a project. It’s a product serving products.” — Nathan Curtis, EightShapes

Building blocks of FUX

React Components

  • Basic
  • Layout
  • Content
  • Info carriers
  • Data entry
  • Navigation
  • Data wrappers
arrow_forward

Design

  • Colors
  • Typography
  • Prototypes
arrow_forward

Guidelines

  • Frontend architechture
  • UX patterns
  • Look & feel
  • Copy
  • Accessibility
arrow_forward

Frontend team

  • Frontend developers
  • UX designer
  • Journalists

Processes

  • Planning
  • Workshops
  • Prototyping
  • Documentation

Documentation

Friends of FUX

TTninjs

    Description

arrow_forward

Content API

    Description

arrow_forward

@ttab/api-client

    Description

arrow_forward

TT News Agency OAuth2

    Description

arrow_forward

Contentful - CMS

    Description

arrow_forward

developer.tt.se

arrow_forward