Noma Websitesi Prompt
NOMA heykelsi aydınlatma markasının web sitesi için yazılan promptun tamamı.
- Tür
- Web sitesi promptu
- Prompt dili
- İngilizce
- Format
- JSON
{
"project": {
"name": "NOMA",
"type": "Premium sculptural lighting website",
"language": "English",
"objective": "Create a complete, visually exceptional product website for a collectible lighting brand. Combine an immersive dark entrance with a predominantly white, editorial shopping experience.",
"brand_line": "Light, shaped.",
"brand_idea": "Light is a physical material that reveals form."
},
"creative_direction": {
"aesthetic": "Contemporary design gallery meets premium architecture magazine.",
"keywords": [
"Architectural",
"Sculptural",
"Industrial precision",
"Refined materials",
"Quiet luxury",
"Soft daylight",
"Editorial photography"
],
"visual_principles": [
"Begin in near-total darkness, then transition into a luminous white environment.",
"Use pale mineral stone and brushed aluminium as subtle architectural surfaces.",
"Keep layouts spacious, modern, clean and deliberately composed.",
"Let photography and video dominate the experience.",
"Use restrained warm yellow light accents at selected moments.",
"Express luxury through proportions, typography, material detail and controlled motion."
],
"avoid": [
"Generic ecommerce templates",
"Startup or SaaS styling",
"Floating rounded cards",
"Heavy borders and excessive shadows",
"Gold luxury clichés",
"Orange or yellow page backgrounds",
"Neon effects",
"Busy textures behind text",
"Aggressive sales messaging",
"Unnecessary decorative animation"
]
},
"assets": {
"instruction": "Use the supplied original files. The screenshot is an asset inventory, not a website image. Preserve product geometry, proportions and materials. Match filenames to the actual uploaded files before implementation.",
"files": [
{
"filename": "site açılış karanlık ekran.png",
"role": "Full-screen opening scene"
},
{
"filename": "genel tanıtım 1.mp4",
"role": "Primary NOMA 01 campaign film"
},
{
"filename": "genel tanıtım 2.mp4",
"role": "Secondary campaign film and spatial presentation"
},
{
"filename": "kapalı açık.mp4",
"role": "Light-off to light-on demonstration"
},
{
"filename": "livestyle çekim.mp4",
"role": "Portrait lifestyle film"
},
{
"filename": "materyal.mp4",
"role": "Macro material study"
},
{
"filename": "noma 1.png",
"role": "NOMA 01 horizontal pendant product photograph"
},
{
"filename": "noma 2.png",
"role": "NOMA 02 floor light product photograph"
},
{
"filename": "noma logo beyaz.png",
"role": "Light logo for dark backgrounds"
},
{
"filename": "noma logo.png",
"role": "Dark logo for white backgrounds"
}
],
"handling": [
"Inspect logo transparency and use each logo without an unwanted rectangular background.",
"Never stretch product images or crop away essential product details.",
"Use actual video frames as poster images.",
"Do not duplicate the same photograph repeatedly to simulate a larger gallery.",
"If an asset is unavailable, preserve its intended placement and identify the missing file rather than inventing a replacement product."
]
},
"design_system": {
"colors": {
"primary_background": "#FAFAF7",
"pure_white": "#FFFFFF",
"primary_text": "#20211F",
"secondary_text": "#777872",
"mineral": "#E7E5DE",
"aluminium": "#BFC2C1",
"fine_divider": "#DEDFD8",
"opening_black": "#080908",
"warm_light": "#F4DCA0"
},
"typography": {
"headlines": "Elegant high-contrast editorial serif with restrained use of oversized type.",
"body": "Clean neutral grotesk sans serif.",
"metadata": "Small uppercase sans serif with generous letter spacing.",
"logo": "Use the supplied NOMA wordmark."
},
"layout": {
"desktop": "Spacious 12-column grid with generous outer margins.",
"mobile": "Carefully composed single-column layouts with comfortable spacing.",
"surfaces": "Predominantly white. Introduce pale stone and brushed steel through imagery and occasional subtle surface treatments.",
"buttons": "Precise rectangular buttons, minimal corner radius, clear typography and restrained hover feedback."
}
},
"products": [
{
"id": "noma-01",
"name": "NOMA 01",
"category": "Sculptural Pendant Light",
"price_eur": 2450,
"position": "The signature object and primary campaign product.",
"description": "A suspended composition of mineral, aluminium and light. An opal sphere rests at the meeting point of two contrasting materials.",
"design": "Horizontal pendant with a short mineral section on the left, a long brushed aluminium section on the right, an integrated opal globe at their junction and two fine suspension cables.",
"image": "noma 1.png"
},
{
"id": "noma-02",
"name": "NOMA 02",
"category": "Sculptural Floor Light",
"price_eur": 1950,
"position": "The vertical companion to NOMA 01.",
"description": "A quiet vertical presence. Brushed aluminium rises from the floor to meet an illuminated opal sphere and a precisely cut mineral crown.",
"design": "A straight vertical aluminium body resting directly on the floor, with no separate visible base, a short mineral cap above and an opal globe at the junction.",
"image": "noma 2.png"
}
],
"navigation": {
"items": [
"Objects",
"Materials",
"Our Approach"
],
"utility": [
"Bag"
],
"behavior": "Use a minimal header over the dark entrance. Transition to a white header with dark typography after leaving the opening scene. Keep navigation accessible throughout."
},
"homepage": {
"sections": [
{
"id": "dark-entrance",
"height": "100svh",
"background": "site açılış karanlık ekran.png",
"concept": "The visitor discovers the opening scene with light.",
"content": {
"small_line": "Light reveals form.",
"scroll_hint": "Scroll to discover"
},
"interaction": {
"desktop": "A large, soft-edged spotlight follows the pointer with subtle smoothing. It reveals material texture and the existing logo locally, like a warm light moving across a dark gallery.",
"implementation": [
"Use aligned base and revealed image layers with a radial mask.",
"The illuminated layer must contain visible image detail; a translucent yellow circle alone is insufficient.",
"Use a softly feathered neutral-warm reveal with a very restrained amber tint.",
"Avoid a hard spotlight edge, visible cursor dot or exaggerated glow.",
"Do not add a second oversized logo if the supplied scene already contains one."
],
"mobile": "Use a slow ambient reveal by default, with optional touch-follow illumination that does not block scrolling.",
"transition": "As the visitor scrolls, the dark scene gives way smoothly to the white product experience. Never lock scrolling or require an interaction to enter."
}
},
{
"id": "introduction",
"background": "Warm white",
"headline": "Light, shaped.",
"copy": "Sculptural lighting shaped by the meeting of mineral, metal and glass.",
"layout": "Large editorial headline, short supporting copy and generous negative space.",
"media": "genel tanıtım 1.mp4",
"media_presentation": "A large architectural film integrated directly into the layout without a decorative card or player frame."
},
{
"id": "signature-object",
"product": "noma-01",
"eyebrow": "OBJECT 01 / PENDANT",
"headline": "A line of light.",
"copy": "Suspended in balance. Defined by contrast.",
"media": "noma 1.png",
"layout": "Wide product photography with a quiet adjacent information area.",
"show": [
"Product name",
"Category",
"€2,450",
"Discover NOMA 01"
],
"destination": "/objects/noma-01"
},
{
"id": "materials",
"eyebrow": "THE MATERIAL LANGUAGE",
"headline": "Three materials. One composition.",
"media": "materyal.mp4",
"layout": "A panoramic material film followed by three minimal text columns.",
"materials": [
{
"name": "Cast mineral",
"copy": "A quiet, tactile surface with a precise architectural edge."
},
{
"name": "Brushed aluminium",
"copy": "A directional grain that catches the changing light."
},
{
"name": "Opal glass",
"copy": "A softened glow held within a sculptural form."
}
]
},
{
"id": "light-study",
"background": "White",
"headline": "The same object. A different atmosphere.",
"media": "kapalı açık.mp4",
"layout": "Wide close-up video with minimal copy and a small warm-yellow accent.",
"interaction": "Provide a discreet replay control labelled 'Watch the light change'. Keep the media's natural timing and avoid an inaccurate simulated product switch."
},
{
"id": "vertical-object",
"product": "noma-02",
"eyebrow": "OBJECT 02 / FLOOR",
"headline": "A quiet presence.",
"copy": "A vertical composition that gives light a place in the room.",
"media": "noma 2.png",
"layout": "Large portrait image paired with spacious white typography. Preserve the full product silhouette and floor contact.",
"show": [
"Product name",
"Category",
"€1,950",
"Discover NOMA 02"
],
"destination": "/objects/noma-02"
},
{
"id": "objects-in-space",
"headline": "Objects for quieter rooms.",
"media": [
"genel tanıtım 2.mp4",
"livestyle çekim.mp4"
],
"layout": "An asymmetric editorial composition pairing a landscape film with a smaller portrait film. Preserve natural aspect ratios and generous whitespace.",
"copy": "Designed around the way light occupies space."
},
{
"id": "closing",
"background": "Warm white",
"headline": "Find your light.",
"cta": "Explore the objects",
"destination": "/objects"
}
]
},
"product_pages": {
"routes": [
"/objects/noma-01",
"/objects/noma-02"
],
"background": "White",
"desktop_layout": "Large media gallery on the left and a restrained sticky purchase panel on the right.",
"mobile_layout": "Swipeable gallery followed by product information and an unobtrusive purchase bar.",
"gallery": [
"Approved product photograph",
"Relevant campaign video",
"Available material close-up",
"Relevant lifestyle media"
],
"purchase_panel": {
"elements": [
"Small object number and category",
"Product name in elegant serif",
"Price in EUR",
"Short product description",
"Finish: Mineral / Brushed Aluminium / Opal",
"Quantity selector",
"Add to bag button",
"Installment options",
"Delivery and returns information",
"Expandable product details"
],
"primary_cta": "Add to bag",
"secondary_cta": "Enquire about a project"
},
"installments": {
"presentation": "A discreet expandable row below the price, with a clear total and payment schedule.",
"demo_examples": {
"noma-01": "3 payments: €816.67, €816.67 and €816.66.",
"noma-02": "3 payments of €650.00."
},
"rules": [
"For the concept prototype, label schedules as illustrative.",
"For production, display installment eligibility, fees and terms only from the configured payment provider.",
"Do not invent financing partnerships or promise interest-free payments."
]
},
"details_accordions": [
"Materials & finish",
"Dimensions & installation",
"Light & controls",
"Delivery & returns",
"Care"
],
"content_integrity": "Use confirmed specifications only. Keep unconfirmed dimensions, certifications, warranty periods and delivery promises out of customer-facing copy.",
"related_product": "Show the other NOMA object as a single large editorial recommendation."
},
"commerce": {
"currency": "EUR",
"price_status": "Proposed concept prices, editable through product data.",
"cart": {
"type": "Minimal white slide-out bag",
"features": [
"Product image and name",
"Unit price",
"Quantity adjustment",
"Remove item",
"Subtotal",
"Continue exploring",
"Checkout"
],
"behavior": "Add-to-bag must work, update the bag count and preserve the cart across navigation and refresh."
},
"checkout": "Connect to a real configured checkout when available. In the concept prototype, clearly identify checkout as a demonstration and never display a false payment confirmation.",
"tax_shipping": "Show tax and shipping treatment based on configured store settings; do not invent policies."
},
"motion": {
"character": "Slow, smooth and controlled.",
"effects": [
"Soft pointer-follow light in the opening scene",
"Subtle opacity and position reveals",
"Gentle image parallax where it supports the composition",
"Quiet transitions between dark and white sections",
"Restrained warm-light hover accents"
],
"constraints": [
"No scroll hijacking.",
"No bouncing or springy interface motion.",
"No excessive product rotation.",
"Keep text readable during transitions.",
"Respect reduced-motion preferences."
]
},
"media_and_performance": {
"video_behavior": [
"Ambient videos are muted, playsinline and loop only where the edit supports a smooth loop.",
"Play videos when visible and pause them offscreen.",
"Provide accessible pause controls.",
"Use lightweight poster images and load below-the-fold video lazily.",
"Serve appropriately sized mobile and desktop media.",
"Display a still poster when reduced motion or data-saving preferences apply."
],
"image_behavior": [
"Use responsive modern image formats.",
"Preserve material detail.",
"Use contain when the complete product needs to remain visible.",
"Avoid layout shifts."
]
},
"footer": {
"background": "Warm white",
"logo": "noma logo.png",
"tagline": "Light, shaped.",
"links": [
"Objects",
"Materials",
"Our Approach",
"Contact",
"Delivery & Returns"
],
"concept_credit": "NOMA is a concept design project by PAS Creative Studio."
},
"delivery_requirements": [
"Create a complete responsive website, not a static landing-page mockup.",
"All navigation, product links, galleries, cart controls and accordions must function.",
"Use English throughout.",
"Maintain the supplied products' identity and approved photographic direction.",
"The opening is dark; the main website and product pages are predominantly white.",
"Use warm yellow light sparingly as a meaningful brand accent.",
"Make the site feel like a carefully art-directed collectible design brand."
]
}