Web Developer
Lobby Stack Thoughts Contact
Sama Background

Hi I'm Sama

Web Developer

Designing and building websites with structure, style, and purpose—using WordPress and clean custom code.

Get in Touch
Fueling the growth of ambitious startups & bold brands.
LUX Design Creative Studio logo LUX Design Creative Studio
kaka production logo kaka production
Nader Doaud Photography logo Nader Doaud Photography
SwissDar Group logo SwissDar Group
Alfakhoora logo Alfakhoora
Watch Showreel

Hello !

Built around clarity, intention, and real user needs — turning ideas into structured digital spaces that make sense.

WordPress & Divi
Custom Code
UX & Structure
Visual & Brand
Content Creation
SEO & Speed
Our Flight Plan

Here’s how it works step by step

01 Structure

Clarifying goals, content, and user flow to build a solid foundation before any design decisions.

02 Design & Build

Translating structure into thoughtful visuals and clean, custom-built websites using WordPress, Divi, and code.

03 Refine & Launch

Testing, polishing, and delivering a clear, usable website that’s ready to grow and easy to maintain.

→

"Sama didn’t just build a website — she understood the feel of the brand. She asked the right questions, challenged weak ideas, and cared about details most people ignore. It honestly felt like working with someone from inside the team, not an external developer."

Moe Shawabkeh

Moe Shawabkeh

Founder, Lux Design

"Sama understands what needs to be done without long explanations. She delivers clean, well-structured work and communicates clearly throughout the process. When things are busy, that kind of reliability makes a huge difference."

Johary

Johary

Project Manager, Hala & Hadi
LAYOUT Typography COLOR Grid System TEXTURE White Space Hierarchy Motion Balance Kerning UI/UX Flow Gestalt Alignment Scale

DESIGN Playground

You are the cursor. The code is the ink.

🎨
Draw Mode: OFF

Palettes you can actually ship.

Search, filter by industry, switch Light/Dark — pick a palette, everything updates instantly.

▾

Select a palette

Palette + gradients preview lives here.

Typography Lab

Words Carry Structure

Typography is hierarchy, rhythm, and restraint.

SYSTEM NOTE
Authority, then detail
accent

A clean hierarchy that reads fast and feels intentional.

When to use: hero headers

Best for core messaging when you want instant clarity.

Make the point, then underline it.

One highlight word to control attention without drama.

When to use: persuasion lines

Perfect for sections that need a single controlled punch.

BLUEPRINT

Foreground stays readable.

Background word adds depth, not noise.

When to use: manifesto blocks

Use when you want presence without adding extra UI.

INTRO LINE
Big statement.

Small context follows. The rhythm does the work.

When to use: section openings

Strong vertical hierarchy for quick scanning.

Highlight the key phrase, keep the rest calm.

Engraved emphasis: readable, premium, quiet.

When to use: feature callouts

Great for benefits lists and micro-sales sections.

OUTLINE TITLE

A transition moment that stays lightweight.

When to use: section transitions

Adds drama without stealing contrast from content.

ECHO

ECHO

Depth without gradients. Just typographic layering.

When to use: creative identity

Best when you want a “designed” feel with minimal UI.

Structure with a human tilt

Kirang only as a deliberate accent.

When to use: identity copy

Works well in About / brand voice sections.

Framed statement

Editorial feel with controlled boundaries.

When to use: long-form intros

Use when you want “curated” and calm.

Drop a highlight block

A callout that breathes inside a dark section.

When to use: pivotal moments

Ideal for “key takeaway” lines and section anchors.

Next Stop

Explore the work or the systems behind it.

Move into the case studies or go deeper into the tools, resources, and structure behind the build process.

View Projects Go to Stack