index.ftd

-- import: fastn-community.github.io/design-system as ds

-- ds.page: Code Together
theme-switcher: true

-- header:

-- hero:

-- companies:

-- efficiency:

-- stats:


-- end: ds.page







-- component stats:

-- ds.section-column:
margin: $ds.spaces.vertical-gap.extra-large
inset: $ds.spaces.inset-square.extra-large
;; outer-background.solid: $ds.colors.background.step-1
spacing: $ds.spaces.vertical-gap.extra-large

-- ds.column:
spacing: $ds.spaces.vertical-gap.small

-- ds.copy-large:
color: $ds.colors.text-strong
align: center

“CodeTogether is a really brilliant solution for ensemble coding …
especially since it integrates into different IDEs simultaneously.”

-- ds.copy-large:

Astrid Sawatzky Lead Developer, Thera-Pi

-- end: ds.column


-- ds.heading-hero: On average, enterprises using CodeTogether HQ see
align: center

-- ds.row:

-- ds.container:
inset: $ds.spaces.inset-square.large
background.solid: $ds.colors.background.step-1
width.fixed.percent: 40
radius: $ds.radius.large

-- ds.column:

-- ds.heading-hero: 8%

-- ds.copy-small: 
color: $ds.colors.text
align: center

efficiency increase after 3 months

-- end: ds.column

-- end: ds.container

-- ds.container:
inset: $ds.spaces.inset-square.large
background.solid: $ds.colors.background.step-1
width.fixed.percent: 40
radius: $ds.radius.large

-- ds.column:

-- ds.heading-hero: 15-1

-- ds.copy-small: 
color: $ds.colors.text
align: center

year-one ROI for 250 developers

-- end: ds.column

-- end: ds.container

-- ds.container:
inset: $ds.spaces.inset-square.large
background.solid: $ds.colors.background.step-1
width.fixed.percent: 40
radius: $ds.radius.large

-- ds.column:
align-content: center

-- ds.heading-hero: 12%

-- ds.copy-small: 
color: $ds.colors.text
align: center

increase in developer cohesion

-- end: ds.column

-- end: ds.container


-- end: ds.row

-- end: ds.section-column

-- end: stats




















-- component efficiency:

-- ds.section-column:
outer-background.solid: white
spacing: $ds.spaces.vertical-gap.medium
margin: $ds.spaces.vertical-gap.extra-large
inset: $ds.spaces.inset-tall.zero-medium

-- ds.heading-hero: Actionable Intel for Companies

-- ds.copy-large:

Drive Operational Efficiency

-- ds.row:
spacing: $ds.spaces.horizontal-gap.extra-large

-- ftd.image:
src: https://www.codetogether.com/wp-content/uploads/2023/01/HappyManagerT.png
width.fixed.percent: 50
align-self: start

-- ds.column:
width.fixed.percent: 50

-- ds.container:
inset: $ds.spaces.inset-square.large
background.solid: $ds.colors.background.step-2
radius: $ds.radius.large

-- ds.column:
align-content: left

-- ds.heading-small: Understand your workforce

-- ds.copy-small: 

Get a clear picture of active efforts, project status, and work efficiency with our AI-powered collection engine.

-- end: ds.column

-- end: ds.container

-- ds.container:
inset: $ds.spaces.inset-square.large
background.solid: $ds.colors.background.step-2
radius: $ds.radius.large

-- ds.column:
align-content: left

-- ds.heading-small: Empower your developers

-- ds.copy-small: 

Drive enhanced productivity with robust collaborative aids and rich transparency into source creation.

-- end: ds.column

-- end: ds.container

-- ds.container:
inset: $ds.spaces.inset-square.large
background.solid: $ds.colors.background.step-2
radius: $ds.radius.large

-- ds.column:
align-content: left

-- ds.heading-small: Increase team efficiency

-- ds.copy-small: 

Leverage actionable AI-driven insights and performance reports for informed project-level decisions and workforce alignment.

-- end: ds.column

-- end: ds.container

-- end: ds.column

-- end: ds.row



-- end: ds.section-column



-- end: efficiency










-- component companies:

-- ds.section-column:
spacing: $ds.spaces.vertical-gap.medium
margin: $ds.spaces.vertical-gap.extra-large
outer-background.solid: black
inset: $ds.spaces.inset-square.large

-- ds.copy-large:

These companies use CodeTogether to build development teams that thrive.

-- ds.row:
spacing: $ds.spaces.horizontal-gap.large

-- ftd.image:
src: https://www.codetogether.com/wp-content/uploads/2023/01/CTCustomerLogosBGLMST40.png
width.fixed.px: 1000

-- end: ds.row

-- end: ds.section-column

-- end: companies









-- component hero:

-- ds.section-row:
inset: $ds.spaces.inset-tall.zero-medium

-- ds.row:
width: fill-container

-- ds.column:
spacing: $ds.spaces.vertical-gap.large

-- ds.heading-large: Synergy for teams. Insights to drive efficiency.

-- ds.copy-regular:

Elevate software development by combining deep insights and real-time metrics with unrivaled transparency and collaboration aids.

-- end: ds.column

-- end: ds.row


-- ds.row:
align-content: right

-- ftd.image:
src: https://www.codetogether.com/wp-content/uploads/2023/01/WorldYellow820.png
width.fixed.px: 450
height.fixed.px: 350

-- end: ds.row

-- end: ds.section-row

-- end: hero










-- component header:

-- ds.section-row:
inset: $ds.spaces.inset-tall.zero-medium
flush: wide
outer-background.solid: $ds.colors.background.step-2
spacing: $ds.spaces.horizontal-gap.space-between

-- ftd.image:
src: https://www.codetogether.com/wp-content/uploads/2020/02/codetogether-full-logo.png
width.fixed.px: 250

-- ds.row:
width: fill-container
align-content: right

-- ds.phosphor-icon-button: Live
icon: caret-down
link: /
icon-position: at-end

-- ds.phosphor-icon-button: HQ
icon: caret-down
link: /
icon-position: at-end

-- ds.phosphor-icon-button: Company
icon: caret-down
link: /
icon-position: at-end

-- ds.header-link: Contact Us
link: /

;; -- ds.phosphor-icon-button: 
;; icon: user-circle
;; link: /

-- end: ds.row


-- end: ds.section-row

-- end: header