Shopify CSS Refinement Expert Needed – Pixel-Perfect ImplementationFreelanceJobs • Canada
Cette offre d'emploi n'est plus disponible
Shopify CSS Refinement Expert Needed – Pixel-Perfect Implementation
FreelanceJobs
- Canada
- Canada
À propos
Reference design: ( store: ())
Password: 1230
Pages in Scope
Homepage
Product page
Collection page
Cart page
Global styles (typography, buttons, spacing system)
Objective
The live Shopify store must visually match the reference design across desktop and mobile.
This includes:
Layout and spacing
* Exact section spacing and vertical rhythm
* Alignment consistent with reference grid
* Consistent margins and padding across sections
Typography
* Exact font sizes
* Exact line heights
* Exact font weights
* Letter spacing
* Text alignment
Buttons
* Padding and sizing
* Border radius
* Colors
* Hover, focus and active states
Responsive behavior
* Desktop
* Tablet
* Mobile
* Correct stacking behavior
* Proper spacing adjustments per breakpoint
Technical Requirements
* Work within a native Shopify Online Store 2.0 theme
* Use theme settings wherever possible before adding custom CSS
* Clean, structured, maintainable CSS
* Logical class naming and organization
* Use variables where appropriate
Not allowed:
* CSS hacks
* Excessive use of important
* Inline styling unless justified and documented
* Messy overrides layered on top of each other
* JavaScript used for styling fixes
Maintainability
The final code must be clean, scalable and easy for another developer to understand.
All changes must keep the theme fully editable through the Shopify theme editor.
Definition of Pixel-Perfect
* Maximum visual deviation of 1–2px
* Exact match of spacing, typography and alignment
* Exact match of interactive states
* No "close enough" approximations
Deliverables
* Live store matching the reference visually
* Before and after screenshots per page
* List of CSS changes made
* Notes explaining where theme settings were used instead of custom CSS
Out of Scope
* New features
* Backend logic
* App integrations
* Content creation
* JavaScript functionality
Acceptance Criteria
* All listed pages match the reference visually and responsively
* No layout regressions
* No performance degradation
* Clean, maintainable CSS
* Full documentation provided
Contract duration of less than 1 month.
Mandatory skills: CSS, Shopify, Web Development
Compétences linguistiques
- English
Avis aux utilisateurs
Cette offre a été publiée par l’un de nos partenaires. Vous pouvez consulter l’offre originale ici.