GuluGulu Frontend Web Dev

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Coded with the same energy it serves — Gulu Gulu's website is as bubbly, colorful, and irresistible as the drinks in its menu."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/small/8yb4x85j_work_image.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Web Development — Gulu Gulu"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Frontend Development · Chinese Drink Brand · HTML & CSS"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A vibrant, personality-packed frontend web project for Gulu Gulu (咕噜咕噜) — a Chinese drink brand whose onomatopoeic name mimics the satisfying sound of a drink being poured — glug, glug, glug. The web presence is built to match that energy entirely, delivering a visual experience as lively and appetite-stimulating as the brand itself."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The design leads with the Gulu Gulu logo in full playful glory — the wordmark rendered in a warm gradient that flows from golden yellow to deep amber, with a fork and spoon cleverly integrated as the letter \"l\" stems, bridging the brand's drink identity with a broader food and beverage context. The Chinese characters 咕噜咕噜 sit alongside the Latin wordmark, ensuring equal cultural legibility for the brand's core audience."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The background composition is a feast of overlapping colored circles — bold, rounded shapes in teal, red, olive, purple, and orange — an abstract visual language that communicates abundance, variety, and the layered, mixed-flavor world of specialty drinks. The decorative diamond-pattern footer band in warm copper adds a touch of cultural texture."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The purple speech bubble icon containing the HTML "},{"type":"text","marks":[{"type":"code"}],"text":"</>"},{"type":"text","text":" code tag is a charming portfolio meta-element — a developer's signature embedded directly into the project thumbnail, signaling that what you see was handcrafted in HTML and CSS, line by line."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A frontend build that proves a brand with this much personality deserves a website built with the same joy it was designed with."}]}]}