WORKING AT TEAM ROCKSTARS IT
JOIN TEAM ROCKSTARS IT. MAKE IMPACT.
Disrupt the world of working with happiness. That is our motto at Team Rockstars IT, whether you work from our headquarters or make an impact at our clients as a developer or architect. Do you want to join us in building a world where happiness at work and making an impact come first?
.trs-careers-facts{
--trs-yellow:#FFE000;
--trs-black:#202020;
--trs-deep:#151515;
--trs-white:#FFFFFF;
--trs-text:rgba(32,32,32,.76);
--trs-muted:rgba(32,32,32,.56);
--trs-line:rgba(32,32,32,.14);
width:100%;
background:var(--trs-white);
color:var(--trs-black);
font-family:inherit;
}
.trs-careers-facts,
.trs-careers-facts *,
.trs-careers-facts *::before,
.trs-careers-facts *::after{
box-sizing:border-box;
}
.trs-careers-facts__inner{
width:min(100%,74rem);
margin:0 auto;
padding:64px 16px 72px;
}
/* ========================================================
HEADER
======================================================== */
.trs-careers-facts__header{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:24px;
margin-bottom:40px;
}
.trs-careers-facts__eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 16px;
color:var(--trs-black) !important;
font-size:.75rem !important;
font-weight:900 !important;
line-height:1.35 !important;
letter-spacing:.12em !important;
text-transform:uppercase;
}
.trs-careers-facts__eyebrow::before{
content:"";
width:8px;
height:8px;
flex:0 0 8px;
background:var(--trs-yellow);
}
.trs-careers-facts .trs-careers-facts__title{
max-width:12ch;
margin:0;
color:var(--trs-black) !important;
font-size:clamp(2.75rem,6vw,5rem) !important;
font-weight:900 !important;
line-height:.95 !important;
letter-spacing:-.04em !important;
text-transform:uppercase !important;
}
.trs-careers-facts__title-accent{
color:#8A7400;
}
.trs-careers-facts__intro{
max-width:42rem;
margin:0;
color:var(--trs-text) !important;
font-size:1.25rem !important;
font-weight:400 !important;
line-height:1.7 !important;
}
/* ========================================================
PROOF GRID
======================================================== */
.trs-careers-facts__grid{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:16px;
}
.trs-careers-facts__card{
position:relative;
isolation:isolate;
display:flex;
flex-direction:column;
justify-content:space-between;
min-width:0;
min-height:15rem;
padding:28px 24px;
background:#F7F7F4;
transition:
transform .28s cubic-bezier(.2,.8,.2,1),
background-color .28s ease,
box-shadow .28s ease;
}
/* Yellow accent line */
.trs-careers-facts__card::before{
content:"";
position:absolute;
top:0;
left:0;
width:56px;
height:4px;
background:var(--trs-yellow);
transition:
width .32s cubic-bezier(.2,.8,.2,1),
height .32s cubic-bezier(.2,.8,.2,1);
}
/* Subtle background number */
.trs-careers-facts__card::after{
content:"";
position:absolute;
right:20px;
bottom:10px;
z-index:-1;
width:8px;
height:8px;
background:var(--trs-yellow);
opacity:0;
transform:translateY(8px);
transition:
opacity .25s ease,
transform .3s cubic-bezier(.2,.8,.2,1);
}
.trs-careers-facts__card--dark{
background:var(--trs-deep);
color:var(--trs-white);
}
/* ========================================================
VALUE
======================================================== */
.trs-careers-facts__value{
display:block;
margin:0;
color:var(--trs-black) !important;
font-size:clamp(3.5rem,8vw,5.75rem) !important;
font-weight:900 !important;
line-height:.88 !important;
letter-spacing:-.055em !important;
transform:translateY(0);
transition:
transform .3s cubic-bezier(.2,.8,.2,1),
letter-spacing .3s ease;
}
.trs-careers-facts__card--dark .trs-careers-facts__value{
color:var(--trs-white) !important;
}
.trs-careers-facts__value--text{
max-width:7ch;
font-size:clamp(2.6rem,6vw,4.5rem) !important;
line-height:.92 !important;
}
/* ========================================================
CONTENT
======================================================== */
.trs-careers-facts__content{
margin-top:40px;
transform:translateY(0);
transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.trs-careers-facts__label{
display:block;
margin:0 0 8px;
color:var(--trs-black) !important;
font-size:.78rem !important;
font-weight:900 !important;
line-height:1.35 !important;
letter-spacing:.09em !important;
text-transform:uppercase;
transition:letter-spacing .25s ease;
}
.trs-careers-facts__card--dark .trs-careers-facts__label{
color:var(--trs-yellow) !important;
}
.trs-careers-facts__description{
max-width:24rem;
margin:0;
color:var(--trs-muted) !important;
font-size:1.05rem !important;
font-weight:400 !important;
line-height:1.6 !important;
}
.trs-careers-facts__card--dark .trs-careers-facts__description{
color:rgba(255,255,255,.74) !important;
}
/* ========================================================
ROLE SPLIT
======================================================== */
.trs-careers-facts__split{
display:flex;
align-items:center;
gap:12px;
margin-top:18px;
}
.trs-careers-facts__split-item{
display:inline-flex;
align-items:center;
gap:8px;
min-height:44px;
color:var(--trs-black) !important;
font-size:.78rem !important;
font-weight:900 !important;
line-height:1.2 !important;
letter-spacing:.05em !important;
text-transform:uppercase;
}
.trs-careers-facts__split-dot{
width:7px;
height:7px;
flex:0 0 7px;
background:var(--trs-yellow);
transition:transform .25s ease;
}
/* ========================================================
HOVER DYNAMICS
======================================================== */
@media(hover:hover) and (pointer:fine){
.trs-careers-facts__card:hover{
z-index:2;
transform:translateY(-8px);
box-shadow:
0 20px 44px rgba(21,21,21,.08),
0 4px 12px rgba(21,21,21,.04);
}
.trs-careers-facts__card:hover::before{
width:100%;
}
.trs-careers-facts__card:hover::after{
opacity:1;
transform:translateY(0);
}
.trs-careers-facts__card:hover
.trs-careers-facts__value{
transform:translateY(-5px);
letter-spacing:-.065em !important;
}
.trs-careers-facts__card:hover
.trs-careers-facts__content{
transform:translateY(-2px);
}
.trs-careers-facts__card:hover
.trs-careers-facts__label{
letter-spacing:.11em !important;
}
.trs-careers-facts__card:hover
.trs-careers-facts__split-dot{
transform:scale(1.35);
}
.trs-careers-facts__card--dark:hover{
background:#202020;
}
}
/* ========================================================
TABLET
======================================================== */
@media(min-width:36rem){
.trs-careers-facts__inner{
padding-right:24px;
padding-left:24px;
}
.trs-careers-facts__grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/* ========================================================
DESKTOP
======================================================== */
@media(min-width:48rem){
.trs-careers-facts__inner{
padding:96px 32px;
}
.trs-careers-facts__header{
grid-template-columns:
minmax(0,1fr)
minmax(20rem,.82fr);
align-items:end;
gap:64px;
margin-bottom:56px;
}
.trs-careers-facts__grid{
grid-template-columns:
1.15fr
.85fr
.95fr
.95fr;
gap:0;
}
.trs-careers-facts__card{
min-height:18rem;
padding:36px 30px;
border-right:1px solid var(--trs-line);
}
.trs-careers-facts__card:last-child{
border-right:0;
}
.trs-careers-facts__value{
font-size:clamp(4rem,5vw,5.75rem) !important;
}
.trs-careers-facts__value--text{
font-size:clamp(2.8rem,4vw,4.4rem) !important;
}
}
/* ========================================================
LARGE DESKTOP
======================================================== */
@media(min-width:64rem){
.trs-careers-facts__header{
gap:96px;
}
.trs-careers-facts__card{
padding:40px 32px;
}
}
/* ========================================================
REDUCED MOTION
======================================================== */
@media(prefers-reduced-motion:reduce){
.trs-careers-facts__card,
.trs-careers-facts__card::before,
.trs-careers-facts__card::after,
.trs-careers-facts__value,
.trs-careers-facts__content,
.trs-careers-facts__label,
.trs-careers-facts__split-dot{
transition:none;
}
.trs-careers-facts__card:hover,
.trs-careers-facts__card:hover
.trs-careers-facts__value,
.trs-careers-facts__card:hover
.trs-careers-facts__content{
transform:none;
}
}
/* ========================================================
FORCED COLORS
======================================================== */
@media(forced-colors:active){
.trs-careers-facts__card{
border:1px solid CanvasText;
}
.trs-careers-facts__card::before,
.trs-careers-facts__card::after,
.trs-careers-facts__split-dot,
.trs-careers-facts__eyebrow::before{
forced-color-adjust:auto;
}
}
850+
700
150
MENS
OP 1
DIT IS TEAM ROCKSTARS
MEER DAN EEN IT BEDRIJF.
Team Rockstars bestaat uit IT-professionals én collega’s die vanuit het hoofdkantoor onze mensen, klanten en organisatie verder brengen. Verschillende rollen, hetzelfde uitgangspunt: mens op 1.
COLLEGA’S
Een organisatie van engineers, consultants, sales, recruitment, marketing, finance, people & culture en operations.
IT-PROFESSIONALS
Engineers, architecten en consultants die dagelijks impact maken bij organisaties door heel Nederland.
HQ-COLLEGA’S
Collega’s die bouwen aan groei, recruitment, sales, marketing, finance, people & culture en onze dagelijkse operatie.
OP 1
HOE WE WERKEN
Ontwikkeling, autonomie en aandacht voor de persoon vormen de basis van hoe we Team Rockstars bouwen.
IT
HQ
.trs-careers-method{
--trs-yellow:#FFE000;
--trs-black:#202020;
--trs-deep:#151515;
--trs-white:#FFFFFF;
--trs-text:rgba(255,255,255,.78);
--trs-muted:rgba(255,255,255,.58);
--trs-line:rgba(255,255,255,.18);
width:100%;
overflow:hidden;
background:var(--trs-deep);
color:var(--trs-white);
font-family:inherit;
}
.trs-careers-method,
.trs-careers-method *,
.trs-careers-method *::before,
.trs-careers-method *::after{
box-sizing:border-box;
}
/* ========================================================
LAYOUT
======================================================== */
.trs-careers-method__inner{
width:100%;
max-width:90rem;
margin:0 auto;
}
.trs-careers-method__layout{
display:grid;
grid-template-columns:minmax(0,1fr);
}
/* ========================================================
IMAGE
======================================================== */
.trs-careers-method__visual{
position:relative;
min-height:28rem;
overflow:hidden;
background-image:
url("https://www.teamrockstars.nl/wp-content/uploads/2026/09/260831_RockstarsIT_Covers_8328.jpg");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.trs-careers-method__visual::after{
content:"";
position:absolute;
inset:0;
background:rgba(21,21,21,.12);
pointer-events:none;
}
/* ========================================================
IMAGE LABEL
======================================================== */
.trs-careers-method__visual-label{
position:absolute;
z-index:2;
left:16px;
bottom:16px;
display:inline-flex;
align-items:center;
gap:10px;
min-height:44px;
margin:0;
padding:10px 14px;
background:var(--trs-yellow);
color:var(--trs-black) !important;
font-size:.75rem !important;
font-weight:900 !important;
line-height:1.2 !important;
letter-spacing:.1em !important;
text-transform:uppercase;
}
.trs-careers-method__visual-label::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
background:var(--trs-black);
}
/* ========================================================
CONTENT
======================================================== */
.trs-careers-method__content{
padding:64px 16px 72px;
}
.trs-careers-method__eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 20px;
color:var(--trs-yellow) !important;
font-size:.75rem !important;
font-weight:900 !important;
line-height:1.35 !important;
letter-spacing:.12em !important;
text-transform:uppercase;
}
.trs-careers-method__eyebrow::before{
content:"";
width:8px;
height:8px;
flex:0 0 8px;
background:var(--trs-yellow);
}
/* ========================================================
TITLE
======================================================== */
.trs-careers-method .trs-careers-method__title{
max-width:10ch;
margin:0;
color:var(--trs-white) !important;
font-family:inherit !important;
font-size:clamp(2.75rem,6vw,5rem) !important;
font-weight:900 !important;
line-height:.94 !important;
letter-spacing:-.04em !important;
text-transform:uppercase !important;
}
.trs-careers-method__title-accent{
display:block;
color:var(--trs-yellow);
}
/* ========================================================
INTRO
======================================================== */
.trs-careers-method__intro{
max-width:38rem;
margin:32px 0 0;
color:var(--trs-text) !important;
font-size:1.25rem !important;
font-weight:400 !important;
line-height:1.7 !important;
}
.trs-careers-method__intro strong{
color:var(--trs-white) !important;
font-weight:800 !important;
}
/* ========================================================
STORY
======================================================== */
.trs-careers-method__story{
position:relative;
margin-top:48px;
padding-left:30px;
}
/* vertical line */
.trs-careers-method__story::before{
content:"";
position:absolute;
top:9px;
bottom:9px;
left:4px;
width:1px;
background:var(--trs-line);
}
/* ========================================================
STORY ITEM
======================================================== */
.trs-careers-method__step{
position:relative;
padding:0 0 32px;
}
.trs-careers-method__step:last-child{
padding-bottom:0;
}
.trs-careers-method__step::before{
content:"";
position:absolute;
top:7px;
left:-30px;
width:9px;
height:9px;
background:var(--trs-deep);
border:2px solid rgba(255,255,255,.42);
transition:
background-color .2s ease,
border-color .2s ease,
transform .2s ease;
}
.trs-careers-method__step-number{
display:block;
margin:0 0 7px;
color:var(--trs-yellow) !important;
font-size:.72rem !important;
font-weight:900 !important;
line-height:1 !important;
letter-spacing:.1em !important;
}
.trs-careers-method__step-title{
margin:0;
color:var(--trs-white) !important;
font-size:1.35rem !important;
font-weight:900 !important;
line-height:1.2 !important;
letter-spacing:-.02em !important;
text-transform:uppercase;
}
.trs-careers-method__step-copy{
max-width:34rem;
margin:8px 0 0;
color:var(--trs-muted) !important;
font-size:1.05rem !important;
font-weight:400 !important;
line-height:1.6 !important;
transition:
color .2s ease,
transform .2s ease;
}
/* ========================================================
CLOSING STATEMENT
======================================================== */
.trs-careers-method__closing{
position:relative;
margin-top:48px;
padding-top:32px;
border-top:1px solid var(--trs-line);
}
.trs-careers-method__closing-label{
display:block;
margin:0 0 12px;
color:var(--trs-yellow) !important;
font-size:.72rem !important;
font-weight:900 !important;
line-height:1.3 !important;
letter-spacing:.12em !important;
text-transform:uppercase;
}
.trs-careers-method__closing-copy{
max-width:36rem;
margin:0;
color:var(--trs-white) !important;
font-size:clamp(1.4rem,2.3vw,1.9rem) !important;
font-weight:800 !important;
line-height:1.4 !important;
letter-spacing:-.02em !important;
}
/* ========================================================
HOVER — STORY
======================================================== */
@media(hover:hover) and (pointer:fine){
.trs-careers-method__step:hover::before{
background:var(--trs-yellow);
border-color:var(--trs-yellow);
transform:scale(1.35);
}
.trs-careers-method__step:hover
.trs-careers-method__step-copy{
color:rgba(255,255,255,.84) !important;
transform:translateX(4px);
}
}
/* ========================================================
TABLET
======================================================== */
@media(min-width:36rem){
.trs-careers-method__content{
padding-right:24px;
padding-left:24px;
}
.trs-careers-method__visual-label{
left:24px;
bottom:24px;
}
}
/* ========================================================
DESKTOP
======================================================== */
@media(min-width:56rem){
.trs-careers-method__layout{
grid-template-columns:
minmax(0,1.08fr)
minmax(28rem,.92fr);
min-height:52rem;
}
.trs-careers-method__visual{
min-height:100%;
background-position:center center;
}
.trs-careers-method__content{
display:flex;
flex-direction:column;
justify-content:center;
padding:80px 48px 80px 56px;
}
.trs-careers-method__visual-label{
left:32px;
bottom:32px;
}
.trs-careers-method__story{
margin-top:40px;
}
.trs-careers-method__step{
padding-bottom:28px;
}
.trs-careers-method__closing{
margin-top:40px;
}
}
/* ========================================================
LARGE DESKTOP
======================================================== */
@media(min-width:75rem){
.trs-careers-method__layout{
grid-template-columns:
minmax(0,1.12fr)
minmax(32rem,.88fr);
}
.trs-careers-method__content{
padding:
96px
max(48px,calc((100vw - 90rem) / 2))
96px
64px;
}
}
/* ========================================================
REDUCED MOTION
======================================================== */
@media(prefers-reduced-motion:reduce){
.trs-careers-method__step::before,
.trs-careers-method__step-copy{
transition:none;
}
.trs-careers-method__step:hover::before,
.trs-careers-method__step:hover
.trs-careers-method__step-copy{
transform:none;
}
}
/* ========================================================
FORCED COLORS
======================================================== */
@media(forced-colors:active){
.trs-careers-method__story::before,
.trs-careers-method__closing{
border-color:CanvasText;
}
.trs-careers-method__step::before{
border-color:CanvasText;
}
.trs-careers-method__eyebrow::before,
.trs-careers-method__visual-label{
forced-color-adjust:auto;
}
}
01
02
03
04
PEOPLE FIRST
DE ROCKSTARS-METHODE
MENS OP 1. IMPACT VOLGT.
Goed werk begint bij mensen die goed in hun vel zitten. Daarom bouwen we Team Rockstars niet rond functies of processen, maar rond de mensen die het werk doen.
DE JUISTE MENSEN
We kijken naar vakmanschap, ambitie en de omgeving waarin iemand het beste tot zijn recht komt.
RUIMTE OM TE GROEIEN
Coaching, kennisdeling en verantwoordelijkheid geven je ruimte om steeds beter te worden in wat je doet.
STERKER SAMEN
IT-professionals en HQ-collega’s versterken elkaar met kennis, netwerk en expertise.
IMPACT MAKEN
Zo ontstaat beter werk voor onze klanten, onze collega’s en Team Rockstars zelf.
HET IDEE IS SIMPEL
Goede mensen die ruimte krijgen om te groeien, bouwen sterkere teams. Sterkere teams maken meer impact.
.trs-careers-paths{
--trs-yellow:#FFE000;
--trs-black:#202020;
--trs-deep:#151515;
--trs-white:#FFFFFF;
--trs-text-dark:rgba(32,32,32,.76);
--trs-text-light:rgba(255,255,255,.76);
--trs-line-dark:rgba(32,32,32,.18);
--trs-line-light:rgba(255,255,255,.18);
width:100%;
overflow:hidden;
background:var(--trs-white);
color:var(--trs-black);
font-family:inherit;
}
.trs-careers-paths,
.trs-careers-paths *,
.trs-careers-paths *::before,
.trs-careers-paths *::after{
box-sizing:border-box;
}
/* ========================================================
CONTAINER — MOBILE FIRST
======================================================== */
.trs-careers-paths__inner{
width:100%;
max-width:74rem;
margin:0 auto;
padding:64px 16px 72px;
}
/* ========================================================
HEADER
======================================================== */
.trs-careers-paths__header{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:24px;
margin:0 0 40px;
}
.trs-careers-paths__eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 16px;
color:var(--trs-black) !important;
font-size:.75rem !important;
font-weight:900 !important;
line-height:1.3 !important;
letter-spacing:.12em !important;
text-transform:uppercase;
}
.trs-careers-paths__eyebrow::before{
content:"";
width:8px;
height:8px;
flex:0 0 8px;
background:var(--trs-yellow);
}
.trs-careers-paths .trs-careers-paths__title{
max-width:12ch;
margin:0;
color:var(--trs-black) !important;
font-size:clamp(2.6rem,13vw,4.75rem) !important;
font-weight:900 !important;
line-height:.94 !important;
letter-spacing:-.04em !important;
text-transform:uppercase !important;
}
.trs-careers-paths__title-accent{
display:block;
color:#8A7400;
}
.trs-careers-paths__intro{
max-width:40rem;
margin:0;
color:var(--trs-text-dark) !important;
font-size:1.25rem !important;
font-weight:400 !important;
line-height:1.7 !important;
}
/* ========================================================
ROUTES
======================================================== */
.trs-careers-paths__grid{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:16px;
}
/* ========================================================
CARD
======================================================== */
.trs-careers-paths__card{
position:relative;
isolation:isolate;
display:flex;
flex-direction:column;
width:100%;
min-width:0;
min-height:34rem;
padding:24px;
overflow:hidden;
text-decoration:none !important;
transition:
transform .3s cubic-bezier(.2,.8,.2,1),
box-shadow .3s ease;
}
.trs-careers-paths__card--it{
background:var(--trs-deep);
color:var(--trs-white);
}
.trs-careers-paths__card--hq{
background:var(--trs-yellow);
color:var(--trs-black);
}
/* ========================================================
TOP META
======================================================== */
.trs-careers-paths__top{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
width:100%;
}
.trs-careers-paths__index{
display:inline-flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
flex:0 0 44px;
border:1px solid rgba(255,255,255,.28);
color:var(--trs-yellow) !important;
font-size:.75rem !important;
font-weight:900 !important;
line-height:1 !important;
letter-spacing:.06em !important;
}
.trs-careers-paths__card--hq .trs-careers-paths__index{
border-color:rgba(32,32,32,.25);
color:var(--trs-black) !important;
}
.trs-careers-paths__type{
margin:0;
color:rgba(255,255,255,.58) !important;
font-size:.72rem !important;
font-weight:900 !important;
line-height:1.3 !important;
letter-spacing:.09em !important;
text-align:right;
text-transform:uppercase;
}
.trs-careers-paths__card--hq .trs-careers-paths__type{
color:rgba(32,32,32,.62) !important;
}
/* ========================================================
CONTENT
======================================================== */
.trs-careers-paths__content{
position:relative;
z-index:2;
display:flex;
flex:1;
flex-direction:column;
justify-content:flex-end;
min-width:0;
padding-top:64px;
}
.trs-careers-paths__card-title{
max-width:10ch;
margin:0;
overflow-wrap:normal;
word-break:normal;
hyphens:none;
color:var(--trs-white) !important;
font-size:clamp(2.5rem,12vw,4rem) !important;
font-weight:900 !important;
line-height:.93 !important;
letter-spacing:-.045em !important;
text-transform:uppercase !important;
transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.trs-careers-paths__card--hq .trs-careers-paths__card-title{
color:var(--trs-black) !important;
}
.trs-careers-paths__copy{
max-width:32rem;
margin:24px 0 0;
color:var(--trs-text-light) !important;
font-size:1.2rem !important;
font-weight:400 !important;
line-height:1.65 !important;
transition:
transform .3s cubic-bezier(.2,.8,.2,1),
color .25s ease;
}
.trs-careers-paths__card--hq .trs-careers-paths__copy{
color:var(--trs-text-dark) !important;
}
/* ========================================================
ROLE TAGS
======================================================== */
.trs-careers-paths__roles{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:28px 0 0;
}
.trs-careers-paths__role{
display:inline-flex;
align-items:center;
min-height:36px;
padding:8px 10px;
background:rgba(255,255,255,.09);
color:rgba(255,255,255,.84) !important;
font-size:.7rem !important;
font-weight:900 !important;
line-height:1.2 !important;
letter-spacing:.06em !important;
text-transform:uppercase;
}
.trs-careers-paths__card--hq .trs-careers-paths__role{
background:rgba(255,255,255,.4);
color:var(--trs-black) !important;
}
/* ========================================================
CTA
======================================================== */
.trs-careers-paths__footer{
position:relative;
z-index:2;
margin-top:32px;
padding-top:24px;
border-top:1px solid var(--trs-line-light);
}
.trs-careers-paths__card--hq .trs-careers-paths__footer{
border-color:var(--trs-line-dark);
}
.trs-careers-paths__cta{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:.9rem;
min-height:44px;
color:var(--trs-white) !important;
font-size:.82rem !important;
font-weight:900 !important;
line-height:1 !important;
letter-spacing:.055em !important;
text-transform:uppercase;
}
.trs-careers-paths__card--hq .trs-careers-paths__cta{
color:var(--trs-black) !important;
}
.trs-careers-paths__arrows{
display:inline-flex;
align-items:center;
gap:.1rem;
transition:transform .25s ease;
}
.trs-careers-paths__arrow{
width:0;
height:0;
border-top:.33rem solid transparent;
border-bottom:.33rem solid transparent;
border-left:.47rem solid currentColor;
}
/* ========================================================
GRAPHIC ACCENT
======================================================== */
.trs-careers-paths__graphic{
position:absolute;
z-index:1;
top:0;
right:0;
width:35%;
height:6px;
background:var(--trs-yellow);
transition:width .35s cubic-bezier(.2,.8,.2,1);
}
.trs-careers-paths__card--hq .trs-careers-paths__graphic{
background:var(--trs-black);
}
/* ========================================================
WATERMARK
======================================================== */
.trs-careers-paths__watermark{
position:absolute;
z-index:0;
right:-.05em;
bottom:-.09em;
margin:0;
color:rgba(255,255,255,.045) !important;
font-size:clamp(9rem,42vw,17rem) !important;
font-weight:900 !important;
line-height:.75 !important;
letter-spacing:-.09em !important;
text-transform:uppercase;
pointer-events:none;
transition:
transform .4s cubic-bezier(.2,.8,.2,1),
color .3s ease;
}
.trs-careers-paths__card--hq .trs-careers-paths__watermark{
color:rgba(32,32,32,.055) !important;
}
/* ========================================================
HOVER
======================================================== */
@media(hover:hover) and (pointer:fine){
.trs-careers-paths__card:hover{
z-index:3;
transform:translateY(-6px);
box-shadow:
0 24px 52px rgba(21,21,21,.12),
0 6px 16px rgba(21,21,21,.05);
}
.trs-careers-paths__card:hover
.trs-careers-paths__graphic{
width:100%;
}
.trs-careers-paths__card:hover
.trs-careers-paths__card-title{
transform:translateY(-5px);
}
.trs-careers-paths__card:hover
.trs-careers-paths__copy{
transform:translateY(-2px);
}
.trs-careers-paths__card--it:hover
.trs-careers-paths__copy{
color:rgba(255,255,255,.9) !important;
}
.trs-careers-paths__card:hover
.trs-careers-paths__watermark{
transform:translateX(-12px);
}
.trs-careers-paths__card:hover
.trs-careers-paths__arrows{
transform:translateX(6px);
}
}
/* ========================================================
FOCUS
======================================================== */
.trs-careers-paths__card:focus-visible{
outline:4px solid var(--trs-yellow);
outline-offset:4px;
}
.trs-careers-paths__card--hq:focus-visible{
outline-color:var(--trs-black);
}
/* ========================================================
SMALL TABLET
======================================================== */
@media(min-width:36rem){
.trs-careers-paths__inner{
padding-right:24px;
padding-left:24px;
}
.trs-careers-paths__card{
min-height:36rem;
padding:32px;
}
.trs-careers-paths__card-title{
font-size:clamp(3rem,8vw,4.25rem) !important;
}
}
/* ========================================================
TABLET
======================================================== */
@media(min-width:48rem){
.trs-careers-paths__inner{
padding-top:96px;
padding-bottom:96px;
}
.trs-careers-paths__header{
grid-template-columns:
minmax(0,1fr)
minmax(20rem,.85fr);
align-items:end;
gap:48px;
margin-bottom:56px;
}
.trs-careers-paths__grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
}
.trs-careers-paths__card{
min-height:44rem;
padding:36px 32px;
}
.trs-careers-paths__card-title{
max-width:8ch;
font-size:clamp(3rem,5.4vw,4rem) !important;
}
.trs-careers-paths__copy{
font-size:1.2rem !important;
}
}
/* ========================================================
DESKTOP
======================================================== */
@media(min-width:64rem){
.trs-careers-paths__inner{
padding-right:32px;
padding-left:32px;
}
.trs-careers-paths__header{
gap:96px;
}
.trs-careers-paths__card{
min-height:42rem;
padding:48px;
}
.trs-careers-paths__content{
padding-top:80px;
}
.trs-careers-paths__card-title{
max-width:10ch;
font-size:clamp(3.25rem,4.4vw,4.4rem) !important;
}
}
/* ========================================================
REDUCED MOTION
======================================================== */
@media(prefers-reduced-motion:reduce){
.trs-careers-paths__card,
.trs-careers-paths__graphic,
.trs-careers-paths__card-title,
.trs-careers-paths__copy,
.trs-careers-paths__watermark,
.trs-careers-paths__arrows{
transition:none;
}
.trs-careers-paths__card:hover,
.trs-careers-paths__card:hover
.trs-careers-paths__card-title,
.trs-careers-paths__card:hover
.trs-careers-paths__copy,
.trs-careers-paths__card:hover
.trs-careers-paths__watermark,
.trs-careers-paths__card:hover
.trs-careers-paths__arrows{
transform:none;
}
}
/* ========================================================
FORCED COLORS
======================================================== */
@media(forced-colors:active){
.trs-careers-paths__card{
border:2px solid CanvasText;
}
.trs-careers-paths__role{
border:1px solid CanvasText;
}
.trs-careers-paths__graphic{
forced-color-adjust:auto;
}
}
WAAR MAAK JIJ IMPACT?
TWEE WERELDEN. ÉÉN TEAM.
De één bouwt technologie bij onze klanten. De ander bouwt aan Team Rockstars zelf. Verschillende rollen, met dezelfde ruimte om te groeien en impact te maken.
01
700 IT-PROFESSIONALS
BOUW AAN TECHNOLOGIE.
Werk als engineer, architect of consultant aan complexe technologie bij organisaties door heel Nederland. Met ruimte om je eigen expertise, projecten en ontwikkeling vorm te geven.
Software
AI
Data
Cloud
Security
02
150 HQ-COLLEGA'S
BOUW AAN TEAM ROCKSTARS.
Werk vanuit sales, recruitment, marketing, finance, people & culture of operations aan de organisatie achter onze mensen en klanten.
Sales
Recruitment
Marketing
Finance
People & Culture
Operations
.trs-careers-community{
--trs-yellow:#FFE000;
--trs-black:#202020;
--trs-deep:#151515;
--trs-white:#FFFFFF;
--trs-soft:#F4F4F1;
--trs-text:rgba(32,32,32,.76);
--trs-muted:rgba(32,32,32,.58);
--trs-line:rgba(32,32,32,.14);
width:100%;
overflow:hidden;
background:var(--trs-soft);
color:var(--trs-black);
font-family:inherit;
}
.trs-careers-community,
.trs-careers-community *,
.trs-careers-community *::before,
.trs-careers-community *::after{
box-sizing:border-box;
}
/* ========================================================
MOBILE-FIRST WRAPPER
======================================================== */
.trs-careers-community__inner{
width:100%;
max-width:90rem;
margin:0 auto;
padding:64px 16px 72px;
}
/* ========================================================
INTRO
======================================================== */
.trs-careers-community__header{
width:100%;
max-width:74rem;
margin:0 auto 40px;
}
.trs-careers-community__eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 16px;
color:var(--trs-black) !important;
font-size:.75rem !important;
font-weight:900 !important;
line-height:1.3 !important;
letter-spacing:.12em !important;
text-transform:uppercase;
}
.trs-careers-community__eyebrow::before{
content:"";
width:8px;
height:8px;
flex:0 0 8px;
background:var(--trs-yellow);
}
.trs-careers-community .trs-careers-community__title{
max-width:13ch;
margin:0;
color:var(--trs-black) !important;
font-size:clamp(2.7rem,12vw,5rem) !important;
font-weight:900 !important;
line-height:.94 !important;
letter-spacing:-.04em !important;
text-transform:uppercase !important;
}
.trs-careers-community__title-accent{
display:block;
color:#8A7400;
}
/* ========================================================
FEATURE
======================================================== */
.trs-careers-community__feature{
position:relative;
width:100%;
}
/* ========================================================
PHOTO
======================================================== */
.trs-careers-community__visual{
position:relative;
width:100%;
min-height:28rem;
overflow:hidden;
background-image:
url("https://www.teamrockstars.nl/wp-content/uploads/2026/09/260831_RockstarsIT_Covers_8250.jpg");
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.trs-careers-community__visual::after{
content:"";
position:absolute;
inset:0;
background:rgba(21,21,21,.08);
pointer-events:none;
}
/* ========================================================
PHOTO LABEL
======================================================== */
.trs-careers-community__photo-label{
position:absolute;
z-index:2;
top:16px;
left:16px;
display:inline-flex;
align-items:center;
gap:10px;
min-height:44px;
margin:0;
padding:10px 14px;
background:var(--trs-yellow);
color:var(--trs-black) !important;
font-size:.72rem !important;
font-weight:900 !important;
line-height:1.2 !important;
letter-spacing:.1em !important;
text-transform:uppercase;
}
.trs-careers-community__photo-label::before{
content:"";
width:7px;
height:7px;
background:var(--trs-black);
}
/* ========================================================
CONTENT PANEL
======================================================== */
.trs-careers-community__panel{
position:relative;
z-index:3;
width:calc(100% - 24px);
margin:-48px 0 0 auto;
padding:32px 24px 36px;
background:var(--trs-white);
}
.trs-careers-community__panel::before{
content:"";
position:absolute;
top:0;
left:0;
width:72px;
height:5px;
background:var(--trs-yellow);
transition:width .35s cubic-bezier(.2,.8,.2,1);
}
/* ========================================================
PANEL COPY
======================================================== */
.trs-careers-community__kicker{
margin:0 0 20px;
color:var(--trs-muted) !important;
font-size:.75rem !important;
font-weight:900 !important;
line-height:1.3 !important;
letter-spacing:.12em !important;
text-transform:uppercase;
}
.trs-careers-community__statement{
max-width:18ch;
margin:0;
color:var(--trs-black) !important;
font-size:clamp(2rem,8vw,3.25rem) !important;
font-weight:900 !important;
line-height:.98 !important;
letter-spacing:-.035em !important;
text-transform:uppercase !important;
}
.trs-careers-community__copy{
max-width:39rem;
margin:24px 0 0;
color:var(--trs-text) !important;
font-size:1.25rem !important;
font-weight:400 !important;
line-height:1.7 !important;
}
/* ========================================================
COMMUNITY PROOF
======================================================== */
.trs-careers-community__proof{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:0;
margin-top:32px;
border-top:1px solid var(--trs-line);
}
.trs-careers-community__proof-item{
position:relative;
display:grid;
grid-template-columns:44px minmax(0,1fr);
gap:16px;
padding:24px 0;
border-bottom:1px solid var(--trs-line);
}
.trs-careers-community__proof-index{
display:flex;
align-items:flex-start;
justify-content:flex-start;
color:#8A7400 !important;
font-size:.72rem !important;
font-weight:900 !important;
line-height:1.4 !important;
letter-spacing:.08em !important;
}
.trs-careers-community__proof-title{
margin:0;
color:var(--trs-black) !important;
font-size:1.1rem !important;
font-weight:900 !important;
line-height:1.25 !important;
letter-spacing:-.01em !important;
text-transform:uppercase;
}
.trs-careers-community__proof-copy{
max-width:32rem;
margin:8px 0 0;
color:var(--trs-muted) !important;
font-size:1.05rem !important;
font-weight:400 !important;
line-height:1.6 !important;
transition:
color .25s ease,
transform .25s cubic-bezier(.2,.8,.2,1);
}
/* ========================================================
CLOSING LINE
======================================================== */
.trs-careers-community__closing{
display:flex;
align-items:flex-start;
gap:14px;
margin:32px 0 0;
}
.trs-careers-community__closing-mark{
width:8px;
height:8px;
flex:0 0 8px;
margin-top:.65rem;
background:var(--trs-yellow);
}
.trs-careers-community__closing-copy{
max-width:32rem;
margin:0;
color:var(--trs-black) !important;
font-size:1.2rem !important;
font-weight:800 !important;
line-height:1.55 !important;
}
/* ========================================================
HOVER
======================================================== */
@media(hover:hover) and (pointer:fine){
.trs-careers-community__feature:hover
.trs-careers-community__panel::before{
width:100%;
}
.trs-careers-community__proof-item:hover
.trs-careers-community__proof-copy{
color:var(--trs-black) !important;
transform:translateX(5px);
}
}
/* ========================================================
TABLET
======================================================== */
@media(min-width:36rem){
.trs-careers-community__inner{
padding-right:24px;
padding-left:24px;
}
.trs-careers-community__visual{
min-height:34rem;
}
.trs-careers-community__photo-label{
top:24px;
left:24px;
}
.trs-careers-community__panel{
width:88%;
margin-top:-64px;
padding:40px 36px 44px;
}
}
/* ========================================================
DESKTOP
======================================================== */
@media(min-width:56rem){
.trs-careers-community__inner{
padding:96px 32px;
}
.trs-careers-community__header{
margin-bottom:56px;
}
.trs-careers-community__title{
max-width:11ch !important;
}
.trs-careers-community__feature{
min-height:47rem;
}
.trs-careers-community__visual{
width:72%;
min-height:47rem;
}
.trs-careers-community__photo-label{
top:32px;
left:32px;
}
.trs-careers-community__panel{
position:absolute;
top:50%;
right:0;
width:48%;
max-width:39rem;
margin:0;
padding:48px;
transform:translateY(-50%);
}
.trs-careers-community__proof{
margin-top:36px;
}
}
/* ========================================================
LARGE DESKTOP
======================================================== */
@media(min-width:75rem){
.trs-careers-community__panel{
width:46%;
padding:56px;
}
.trs-careers-community__visual{
width:70%;
min-height:50rem;
}
}
/* ========================================================
REDUCED MOTION
======================================================== */
@media(prefers-reduced-motion:reduce){
.trs-careers-community__panel::before,
.trs-careers-community__proof-copy{
transition:none;
}
.trs-careers-community__proof-item:hover
.trs-careers-community__proof-copy{
transform:none;
}
}
/* ========================================================
FORCED COLORS
======================================================== */
@media(forced-colors:active){
.trs-careers-community__panel{
border:2px solid CanvasText;
}
.trs-careers-community__proof,
.trs-careers-community__proof-item{
border-color:CanvasText;
}
.trs-careers-community__panel::before,
.trs-careers-community__photo-label,
.trs-careers-community__closing-mark{
forced-color-adjust:auto;
}
}
community
we werken samen.
hq den bosch
COMMUNITY
COLLEGA’S DIE JE VERDER BRENGEN.
Je werk draait om meer dan je eigen rol. Binnen Team Rockstars kom je terecht in een netwerk van mensen die kennis delen, elkaar verder helpen en samen momenten creëren buiten het dagelijkse werk.
KENNIS DELEN
Van inhoudelijke expertise en coaching tot ervaringen uit verschillende teams en rollen.
ELKAAR VINDEN
Via teams, regio’s en communities blijf je verbonden met collega’s buiten je eigen dagelijkse werkomgeving.
SAMEN BELEVEN
Events en gezamenlijke momenten zorgen ervoor dat Team Rockstars ook buiten projecten en meetings als één team voelt.
Verschillende vakgebieden en functies. Eén community waar je op kunt bouwen.
