Über
## Project Overview
We are building multiple web applications using a **custom component library (52 components)**.
Each component already includes **custom class names**, and every web app includes a **single central CSS file** that controls the entire visual styling of the application (colors, typography, spacing, borders, shadows, backgrounds, etc.).
By modifying this CSS file, we can completely change the theme of the application without modifying component logic.
---
## Objective
We want to create **5 new themes**, based on **5 reference websites**.
For each reference website, you will:
1. Analyze its design system
2. Extract visual language (colors, typography, spacing, UI density, shadows, radii, borders, etc.)
3. Create a **new CSS file** that styles our existing component classes
4. Ensure that **any webapp using our component library + this CSS file automatically adapts the new theme**
This is a pure theming exercise — no component logic changes required.
---
## Current System Architecture
* 52 reusable UI components (buttons, inputs, cards, modals, tables, navbars, dropdowns, badges, alerts, etc.)
* Each component includes custom CSS classes (already implemented)
* A single CSS file controls all styling properties like:
* Background colors
* Typography
* Border styles
* Shadows
* Spacing
* Hover states
* Focus states
* Active states
* Component variants (primary, secondary, etc.)
We will provide:
* The full component library
* A sample CSS theme file
* 5 reference websites to convert into themes
---
## Deliverables (For Each Theme)
For **each of the 5 themes**, you must deliver:
### CSS Theme File
A complete CSS file that:
* Styles every one of the 52 components
* Covers all component states (hover, active, focus, disabled)
* Covers light/dark variations if applicable
---
### Component Showcase Screenshots
Screenshots showing:
* Every single component
* All variants of components
* All interaction states
This ensures visual QA and completeness.
---
### Full Page Screenshot
A screenshot of:
* A full sample page using our component library
* Styled entirely using your theme CSS
* Must look visually consistent and production-ready
---
## Technical Requirements
* Strong CSS expertise (required)
* Understanding of:
* Design tokens
* CSS variables (preferred)
* Theming architecture
* Component-driven styling
---
## Important Notes
* No Tailwind rewriting.
* No changing component markup.
* No editing JS/TS logic.
* Pure CSS theming only.
* Must preserve existing class structure.
* Must maintain responsiveness.
---
## Timeline
We expect:
* 1 theme delivered first as a trial
* Remaining 4 themes delivered after approval
* Clear milestone breakdown
---
## To Apply, Please Share:
1. Links to UI-heavy projects you built
2. Estimated timeline per theme
3. Your rate (per theme or full project)
---
## Project Scope Summary
* 5 themes
* 52 components
* CSS-only implementation
* Screenshots required for QA
* Pixel-consistent replication of reference sites
Contract duration of less than 1 month.
Mandatory skills: CSS, HTML, WordPress, JavaScript, CSS 3
Sprachkenntnisse
- English
Hinweis für Nutzer
Dieses Stellenangebot stammt von einer Partnerplattform von TieTalent. Klicken Sie auf „Jetzt Bewerben“, um Ihre Bewerbung direkt auf deren Website einzureichen.